反馈已提交

网络繁忙

多系列折线图

  • 文档创建者:doreen0813
  • 编辑次数:23次
  • 最近更新:Wendy123456 于 2021-09-29
  • 1. 概述

    1.1 应用场景

    多系列折线图用于在同一区域查看指标的变化趋势,能直观看出趋势对比。效果如下图所示,该图展现了自 1800 年至 2017 年全世界能源消耗情况,图中不同颜色的折线代表不同的能源类型(固态、液态、燃气等):

    1632906174792363.png

    1.2 基本要求

    多系列折线图的基本要求:

    图表效果    维度字段  指标字段
      多系列折线图  >=1  >=2

    1.3 图表特点

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

    缺点:线条数目一般不适合超过 4 条。

    2. 示例一:纵轴拖入多个字段实现

    2.1 创建组件

    2.1.1 数据预处理

    1)下载样例数据CO2-by-source.xlsx,点击「数据准备」,进入任意一个业务包,点击「添加表>Excel数据集」。如下图所示:

    31.png

    2)上传下载的表数据,选择字段类型设置中的Year为「文本」,点击「确定」。如下图所示:

    32.png

    2.1.2 创建图表

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

    33.png

    2)点击「添加组件」,选择之前上传的数据,点击「确定」。如下图所示:

    34.png

    3)将待分析区域维度下的字段「Year」拖入横轴中,将指标下的字段「Cement」、「Coal」、「Flaring」、「Gas」、「Oil」拖入纵轴中,如下图所示:

    35.png

    4)在图表类型中选择「多系列折线图」,即可创建成功。如下图所示:

    36.png

    注1:选择多系列折线图后,指标名称会自动添加到颜色处。

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

    2.2 图形属性设置

    2.2.1 颜色

    点击「颜色」栏,配色方案选择「清新多彩」。如下图所示:

    37.png

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

    2.2.2 大小

    点击「大小」栏,调整线宽的大小。如下图所示:

    38.png

    详情参见:图形属性-大小 

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

    2.3 组件样式设置

    选择「组件样式」,点击「自适应显示」,选择「整体适应」,如下图所示:

    39.png

    2.4 指标字段设置

    1)点击 Cement 字段的下拉框,选择「数值格式」,设置数量单位为亿如下图所示:

    40.png

    2)点击 Cement 字段的下拉框,选择设置值轴(左值轴)」,点击自定义」,设置最小值为 0 ,取消勾选显示轴标题」,点击确定」。如下图所示:

    41.png

    2.5 效果预览

    2.5.1 PC 端预览

    1632905955180306.png

    2.5.2 移动端预览

    App 及 HTML5 端效果如下图所示:

    6.jpg

    3. 示例二:纵轴拖入一个字段实现

    3.1 创建组件

    3.1.1 数据预先处理

    1)下载样例数据:水果销量.xlsx。点击「数据准备」,进入任意一个业务包,点击「添加表>Excel数据集」。如下图所示:

    31.png

    2)上传下载的表数据,将年份字段设置字段类型为「文本」,点击「确定」。如下图所示:

    43.png

    3.1.2 创建图表

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

    44.png

    2)点击「添加组件」,选择之前上传的数据,点击「确定」。如下图所示:

    45.png

    3)选择「多系列折线图」,将「年份」字段拖入横轴,「销量」字段拖入纵轴。如下图所示:

    47.png

    4)将「指标名称」字段从颜色属性中删除,将「种类」字段拖入到颜色属性下。如下图所示:

    48.png

    3.2 效果查看

    3.2.1 PC 端

    1632907508124344.png

    3.2.2 移动端

    App 及 HTML5 端效果如下图所示:

    34.jpg



    附件列表


    主题: 构建图表和分析数据
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭