圖表設定雙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





附件列表


主题: 製作視覺化組件
  • 有帮助
  • 没帮助
  • 只是浏览
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙