图表设置双y轴

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

    1.1 问题描述

    用户遇到以下问题时:

    • 纵轴存在多个指标,共用一个 y 轴时,数据展示不够清晰。

    • 用户希望一个 y 轴为具体数值,一个 y 轴为百分比。

    • 两条线数值相近,存在覆盖情况。

    可以参考本文方法解决。

    1.2 解决思路

    纵轴拖入两个指标字段时,第二个指标字段设置值轴时,共用轴选择「右值轴」。

    注:设置右值轴前提是纵轴为 指标聚合

    2. 示例

    本文以柱形图为例。

    2.1 准备数据

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

    01.png

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

    示例数据:地区数据分析.xlsx

    02.png

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

    27.png

    2.2 创建组件

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

    28.png

    2)图表类型下选择「自定义图表」,图形属性下选择「柱形图」。将「省份」字段拖入横轴,「合同金额」、「回款金额」拖入纵轴。如下图所示:

    29.png

    3)为区分指标字段颜色,将「指标名称」字段拖入「颜色」栏中。如下图所示:

    30.png

    2.3 设置双 y 轴

    注:设置 y 轴标签、刻度、标题等,请参见:图表设置值轴

    1)鼠标悬浮到纵轴中的「回款金额」字段上,点击倒三角图标,点击「设置值轴」。如下图所示:

    31.png

    2)共用轴选择「右值轴」。如下图所示:

    1636359691992081.png

    3)此时,柱形图有两个 y 轴。如下图所示:

    1636358723572430.png

    2.4 设置 y 轴数值格式

    1)鼠标悬浮到纵轴中的「合同金额」字段上,点击倒三角图标,点击「数值格式」。如下图所示:

    32.png

    2)数量单位选择「百万」。如下图所示:

    1636358938107494.png

    3)相同步骤,设置「回款金额」的数值格式,数量单位选择「百万」。

    2.5 效果查看

    2.5.1 PC 端

    效果如下图所示:

    1636359236804719.png


    2.5.2 移动端

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

    00.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