柱形图-折线图

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

    1.1 应用场景

    柱形图和折线图是比较常见的组合,图表组合后既可以用柱形图比较数据大小,又可以通过折线图查看数据变化趋势。

    本文通过柱形图和折线图组合的示例,介绍如何实现这两种图表的组合效果。如下图所示:

    1656986458425240.png

    1.2 数据要求

    图表效果维度字段指标字段
    组合图12

    1.3 图表特点

    优点:可以将两种维度的数据集中展示,给决策者更多的信息洞察,同时节省报表版图空间,能留更多的版图展示其他数据。

    缺点:过多维度的数据集中在组合图时,会使图表过于拥挤,同时指标的增多,会干扰决策者无法抓住数据主要传达信息。

    2. 示例

    2.1 准备数据

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

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

    示例数据:公司利润数据分析.xlsx

    3)上传后,点击「确定」按钮。如下图所示:

    2.2 创建组件

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

    2)在图表类型下选择「自定义图表」,「入库时间」字段拖入到横轴中,「当前金额」、「前期金额」拖入到纵轴中。如下图所示:

    3)设置入库时间以年季度格式显示。点击「入库时间」字段的倒三角,选择「年季度」。如下图所示:

    4)在图形属性下点开「前期金额」设置,设置前期金额用「线」表示。如下图所示:

    2.3 设置颜色

    点开「当前金额」的颜色栏,设置柱形图颜色。再以相同步骤,点开「前期金额」颜色栏,设置颜色。

    「当前金额」设置颜色步骤如下图所示:

    注1:还可以在图形属性下对组合图设置标签、提示等,详情请参见:图形属性

    注2:还可以对该组合图设置网格线、轴线、背景等,详情请参见:组件样式

    2.4 设置值轴

    2.4.1 设置左值轴

    鼠标悬浮在「当前金额」上,点击右下角的倒三角,设置左值轴。设置最小值为0,最大值为MAX(当前金额(求和))+80000000。如下图所示:

    注:最大值公式中的MAX(当前金额(求和))是设置最大值时,点击当前金额下的「最大.max」出现的,不能直接复制公式。

    2.4.2 设置右值轴

    鼠标悬浮在「前期金额」上,点击右下角的倒三角,设置右值轴。设置最小值为0,最大值为MAX(前期金额(求和))+60000000。如下图所示:

    注:最大值公式中的「MAX(前期金额(求和))」是设置最大值时,点击前期金额下的「最大.max」出现的,不能直接复制公式。

    2.5 设置坐标轴数值格式

    1)鼠标悬浮在「当前金额」上,点击右下角的倒三角,点击「数值格式」,设置左值轴轴标签的数值格式为「百万」。如下图所示:

    2)鼠标悬浮在「前期金额」上,点击右下角的倒三角,点击「数值格式」,设置右值轴轴标签的数值格式为「百万」,步骤参考本节步骤 1 。

    2.6 效果查看

    支持移动端和 PC 端。

    效果如下图所示:

    1656986422124265.png




    附件列表


    主题: 制作可视化组件
    • 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