反馈已提交

网络繁忙

图表设置双y轴

  • 文档创建者:Wendy123456
  • 编辑次数:4次
  • 最近更新:Wendy123456 于 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





    附件列表


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

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭