多系列折线图

  • Last update:  2022-07-08
  • 1. 概述

    1.1 应用场景

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

    1.2 基本要求

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

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

    1.3 图表特点

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

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

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

    2.1 准备数据

    1)管理员进入系统,点击「我的分析」,选中某个文件夹,点击「新建分析主题」。如下图所示:

    2)点击「本地Excel文件>上传数据」,上传表数据。如下图所示:

    示例数据:CO2-by-source.xlsx

    3)上传后,选择字段类型设置中的Year为「文本」,点击「确定」按钮。如下图所示:

    2.2 创建组件

    1)点击左下角「组件」按钮。如下图所示:

    2)将待分析区域维度下的字段「Year」拖入维度中,将指标下的字段「Cement」、「Coal」、「Flaring」、「Gas」、「Oil」拖入指标中,在图表类型中选择「多系列折线图」。如下图所示:

    4.png

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

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

    2.3 美化组件

    2.3.1 颜色

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

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

    2.3.2 大小

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

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

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

    2.3.3 组件样式设置

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

    2.3.4 指标字段设置

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

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

    2.4 效果预览

    2.4.1 PC 端预览

    2.4.2 移动端预览

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

    6.jpg

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

    3.1 准备数据

    1)管理员进入系统,点击「我的分析」,选中某个文件夹,点击「新建分析主题」。如下图所示:

    2)点击「本地Excel文件>上传数据」,上传表数据。如下图所示:

    示例数据:水果销量.xlsx

    3)上传后,年份字段设置字段类型为「文本」,点击「确定」按钮。如下图所示:

    3.2 创建组件

    1)点击左下角「组件」按钮。如下图所示:

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

    3)将「种类」字段拖入到颜色属性下。如下图所示:

    3.3 效果查看

    3.3.1 PC 端

    3.3.2 移动端

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

    34.jpg



    附件列表


    主题: 制作可视化组件
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy