當前為5.1版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

柱形圖-折線圖

1. 概述

1.1 應用場景

柱形圖和折線圖是比較常見的組合,圖表組合後既可以用柱形圖比較資料大小,又可以透過折線圖查看資料變化趨勢。

本文透過柱形圖和折線圖組合的範例,介紹如何實現這兩種圖表的組合效果。如下圖所示:

1.2 資料要求

圖表效果維度欄位指標欄位
組合圖12

1.3 圖表特點

優點:可以將兩種維度的資料集中展示,給決策者更多的資訊洞察,同時節省報表版圖空間,能留更多的版圖展示其他資料。

缺點:過多維度的資料集中在組合圖時,會使圖表過於擁擠,同時指標的增多,會干擾決策者無法抓住資料主要傳達資訊。

2. 範例

2.1 建立組件

1)建立儀表板 ,點選「新增組件」,選擇「公司利潤資料分析」表。如下圖所示:


2)在圖表型別下選擇「自訂圖表」,「入庫時間」欄位拖入到橫軸中,「當前金額」、「前期金額」拖入到縱軸中。如下圖所示:


3)設定入庫時間以年季度格式顯示。點選「入庫時間」欄位的倒三角,選擇「年季度」。如下圖所示:



4)在圖形屬性下點開「前期金額」設定,設定前期金額用「」表示。如下圖所示:


2.2 設定顏色

點開「當前金額」的顏色欄,設定柱形圖顏色。再以相同步驟,點開「前期金額」顏色欄,設定顏色。

當前金額」設定顏色步驟如下圖所示:


注1:還可以在圖形屬性下對組合圖設定標籤、提示等,詳情請參見:圖形屬性

注2:還可以對該組合圖設定網格線、軸線、背景等,詳情請參見:組件樣式

2.3 設定值軸

2.3.1 設定左值軸

滑鼠懸浮在「當前金額」上,點選右下角的倒三角,設定左值軸。設定最小值為0最大值為MAX(當前金額(求和))+80000000。如下圖所示:

注:最大值公式中的MAX(當前金額(求和))是設定最大值時,點選當前金額下的「最大.max」出現的,不能直接複製公式。

2.3.2 設定右值軸

滑鼠懸浮在「前期金額」上,點選右下角的倒三角,設定右值軸。設定最小值為0最大值為MAX(前期金額(求和))+60000000。如下圖所示:

注:最大值公式中的「MAX(前期金額(求和))」是設定最大值時,點選前期金額下的「最大.max」出現的,不能直接複製公式。

2.4 設定坐標軸數值格式

1)滑鼠懸浮在「當前金額」上,點選右下角的倒三角,點選「數值格式」,設定左值軸軸標籤的數值格式為「百萬」。如下圖所示:


2)滑鼠懸浮在「前期金額」上,點選右下角的倒三角,點選「數值格式」,設定右值軸軸標籤的數值格式為「百萬」,步驟參考本節步驟 1 。

2.5 效果查看

2.5.1 PC 端

PC 端效果如下圖所示:

2.5.2 行動端

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

附件列表


主題: 构建图表和分析数据
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 评价文档,奖励 1 ~ 100 随机 F 豆!