范围面积图

  • 文档创建者:doreen0813
  • 编辑次数:14次
  • 最近更新:Lily.Wang 于 2020-07-20
  • 1.描述

    1.1 应用场景

    范围面积图用来展示持续性数据,可很好地表示趋势、累积、减少以及变化

    例如:已知网页的访问次数和跳出次数,两条线勾勒出的范围非跳出次数的变化量趋势,如下图所示:

    222

    1.2 基本要求

    范围面积图的基本要求:

      图表效果  维度字段  指标字段
      范围面积图  >=1  2


    1.3 图表特点

    优点:适合展现同一个分类维度在同一间隔内两个连续变量的变化趋势。

    缺点:不适合展现多个分类数据。

    2.示例

    2.1 创建组件

    1)点击仪表板 Tab,选择新建仪表板,点击确定,如下图所示:

    1588647525439037.png

    2)点击新建组件,选择互联网行业业务包下的访问统计事实表,点击确定,如下图所示:

    image.png

    3)将待分析区域维度下的字段统计日期拖入横轴中,将指标下的字段访问次数跳出次数拖入纵轴中,如下图所示:

    image.png

    4)在图表类型下选择范围面积图。如下图所示:

    1594284244665700.png

    注:该范围面积图必须在横纵轴中有大于等于1个维度、2个指标字段才能选择,否则图表类型下的范围面积图将灰化无法点击。  

    5)此时范围面积图即创建成功,选择该图表类型后,图形属性下自动切换成面积,所有维度字段被置于横轴,所有指标字段被置于纵轴,且开启堆积属性 ,纵轴开启指标聚合。 颜色设置中第一个指标对应的颜色设置透明度为 40,所有颜色的效果关闭。如下图:

    1572586791280249.png

    2.2 图形属性设置

    2.2.1 颜色

    点击颜色栏,设置所属大区显示的颜色区间,如下图所示:

    image.png

    详情参见:图形属性-颜色 。

    同时可设置标签、提示、细粒度等,详情参见:图形属性 。

    2.3 组件样式设置

    2.3.1 标题

    选择组件样式,点击标题栏,编辑标题内容并设置字体大小,如下图所示:

    image.png

    2.3.2 轴线

    选择组件样式,点击轴线选择轴线线型为虚线,如下图所示:

    1588674125405861.png

    2.3.3 维度字段设置

    1)点击统计日期(年月日)字段下拉框,选择年月,如下图所示:

    image.png

    2)再次点击统计日期(年月)字段下拉框,选择设置分类轴,在轴标签设置中取消显示轴标签,如下图所示:

    image.png

    image.png

    2.3.4 指标字段设置

    访问次数(求和)跳出次数(求和)字段下点击下拉,选择设置值轴(左值轴),在轴标签设置中取消显示轴标签,如下图所示:

    image.png

    image.png

    2.4 效果预览

    2.4.1 PC端

    选择对应仪表板,点击预览,图表如下图所示:

    image.png

    2.4.2 移动端

    2020-07-14_16-20-24.gif

    3. 仪表板查看

    完成仪表板可参见:范围面积图

    附件列表


    主题: 制作可视化组件
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!