反馈已提交

网络繁忙

圖表設定雙y軸

1. 概述

1.1 問題描述

使用者遇到以下問題時:

  • 縱軸存在多個指標,共用一個 y 軸時,資料展示不夠清晰。

  • 使用者希望一個 y 軸為具體數值,一個 y 軸為百分比。

  • 兩條線數值相近,存在改寫情況。

可以參考本文方法解決。

1.2 解決思路

縱軸拖入兩個指標欄位時,第二個指標欄位設定值軸時,共用軸選擇「右值軸」。

注:設定右值軸前提是縱軸為 指標聚合

2. 範例

本文以柱形圖為例。

2.1 準備資料

1)管理者進入系統,點選「我的分析」,選中某個資料夾,點選「建立分析主題」。如下圖所示:

1.png

2)點選「本地Excel檔案>上傳資料」,上傳表資料。如下圖所示:

範例資料:地區資料分析.xlsx


2.png

3)上傳後,點選「確定」按鈕。如下圖所示:

3.png

2.2 建立組件

1)點選左下角「組件」按鈕。如下圖所示:

4.png

2)圖表型別下選擇「自訂圖表」,圖形屬性下選擇「柱形圖」。將「省份」欄位拖入橫軸,「合同金額」、「回款金額」拖入縱軸。如下圖所示:

5.png

3)為區分指標欄位顏色,將「指標名稱」欄位拖入「顏色」欄中。如下圖所示:

6.png

2.3 設定雙 y 軸

注:設定 y 軸標籤、刻度、標題等,請參見:圖表設定值軸

1)滑鼠懸浮到縱軸中的「回款金額」欄位上,點選倒三角圖示,點選「設定值軸」。如下圖所示:

7.png

2)共用軸選擇「右值軸」。如下圖所示:

8.png

3)此時,柱形圖有兩個 y 軸。如下圖所示:

9.png

2.4 設定 y 軸數值格式

1)滑鼠懸浮到縱軸中的「合同金額」欄位上,點選倒三角圖示,點選「數值格式」。如下圖所示:

10.png

2)數量單位選擇「百萬」。如下圖所示:

11.png

3)相同步驟,設定「回款金額」的數值格式,數量單位選擇「百萬」。

2.5 效果查看

2.5.1 PC 端

效果如下圖所示:

雙y軸oc端預覽.jpg


2.5.2 行動端

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

雙y週移動端預覽.jpg





附件列表


主题: 製作視覺化組件
已经是第一篇
已经是最后一篇
  • 有帮助
  • 没帮助
  • 只是浏览
中文(繁體)

售前咨询电话

400-811-8890转1

在线技术支持

在线QQ:800049425

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

总裁办24H投诉

热线电话:173-1278-1526

文 档反 馈

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

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

不再提示

10s后关闭