分区折线图

  • 文档创建者:doreen0813
  • 编辑次数:15次
  • 最近更新:Lily.Wang 于 2020-09-04
  • 1. 概述

    1.1 应用场景

    分区折线图用于分区域分指标查看数据的变化趋势。如下图显示了两个城市在同一时段风速走势的对比情况:

    image.png

    1.2 基本要求

    分区折线图的基本要求:

    图表效果    维度字段  指标字段
      分区折线图  >=1  >=1

    1.3 图表特点

    优点:清晰地展现出当前维度下不同指标的增减趋势、增减的速率、增减的规律、峰值等特征,适合展现较大数据集,不会多条线条叠加在一起。

    缺点:不适合展示多类别数据。

    2.示例

    2.1 创建组件

    2.1.1 数据预处理

    1)下载样例数据风速对比.xlsx,点击数据准备,选择我的自助数据集,添加EXCEL数据集,如下图所示:

    image.png

    2)上传下载好的风速对比.xlsx,取表名为风速对比,点击确定,如下图所示:

    image.png

    2.1.2 创建图表

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

    1588647525439037.png

    2)点击新建组件,选择我的自助数据集下的风速对比,点击确定,如下图所示::

    image.png

    3)将待分析区域维度下的时间拖入横轴中,将指标下的字段A城市B城市拖入纵轴中。

    image.png

    4)在图表类型中选择分区折线图,即可创建成功。

    image.png

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

    5)将待分析区域维度下的「指标名称」拖入颜色栏中。如下图所示:

    image.png

    2.2 图形属性设置

    2.2.1 颜色

    选择图表类型后,图形属性下自动切换成「线」,点击图形属性颜色栏,为两个城市的线条设置不同颜色,如下图所示:

    image.png

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

    2.2.2 连线

    点击连线,选择线形为曲线,并取消显示标记点

    image.png

    2.3 组件样式设置

    2.3.1 标题

    选择组件样式,点击标题栏,输入「分区折线图」,如下图所示:

    image.png

    2.3.2 自适应显示

    点击组件样式,选择自适应显示下拉,点选整体适应

    image.png

    2.3.3 维度字段设置

    点击时间(年月日)字段下拉框,选择设置分类轴,取消勾选显示轴标签,点击确定,如下图所示:

    image.png

    维度字段设置可进行 图表排序 、图表分组图表过滤图表设置轴 等操作。

    2.4 效果预览

    2.4.1 PC端

    image.png

    2.4.2 移动端

    2020-09-02_15-10-46.gif


    3. 仪表板查看

    完成仪表板可参见:分区折线图


    附件列表


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