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

多系列折線圖

1. 概述

1.1 應用場景

多系列折線圖用於在同一區域查看指標的變化趨勢,能直覺看出趨勢對比。效果如下圖所示,該圖展現了自 1800 年至 2017 年全世界能源消耗情況,圖中不同顏色的折線代表不同的能源型別(固態、液態、燃氣等):

1.2 基本要求

多系列折線圖的基本要求:

圖表效果    維度欄位  指標欄位
  多系列折線圖  >=1  >=2

1.3 圖表特點

優點:清晰地展現出當前維度下不同指標的增減趨勢、增減的速率、增減的規律、峯值等特徵,適合展現較大數據集。

缺點:線條數目一般不適合超過 4 條。

2. 範例一:縱軸拖入多個欄位實現

2.1 建立組件

2.1.1 資料預處理

1)下載樣例資料CO2-by-source.xlsx,點選「資料準備」,進入任意一個業務包,點選「新增表」>「Excel資料集」。如下圖所示:

2)上傳下載的表資料,選擇欄位型別設定中的Year「正文」,點選「確定」。如下圖所示:


2.1.2 建立圖表

1)點選「儀表板」,選擇「建立儀表板」,點選「確定」。如下圖所示:


2)點選「新增組件」,選擇之前上傳的資料,點選「確定」。如下圖所示:

3)將待分析區域維度下的欄位「Year」拖入橫軸中,將指標下的欄位「Cement」「Coal」「Flaring」「Gas」「Oil」拖入縱軸中,如下圖所示:


4)在圖表型別中選擇「多系列折線圖」,即可建立成功。如下圖所示:


注1:選擇多系列折線圖後,指標名稱會自動新增到顏色處。

注2:該多系列折線圖必須在橫縱軸中有大於等於1個維度、大於等於2個指標欄位才能選擇,否則圖表型別下的多系列折線圖將灰化無法點選。 

2.2 圖形屬性設定

2.2.1 顏色

點選「顏色」欄,配色方案選擇「清新多彩」。如下圖所示:


詳情參見:圖形屬性-顏色 

2.2.2 大小

點選「大小」欄,調整線寬的大小。如下圖所示:


詳情參見:圖形屬性-大小 

同時可設定標籤、提示、細粒度等,詳情參見:圖形屬性 

2.3 組件樣式設定

選擇「組件樣式」,點選「自適應顯示」,選擇「整體適應」,如下圖所示:


2.4 指標欄位設定

1)點選 Cement 字段的下拉框,選擇數值格式」,設定數量單位為如下圖所示:

2)點選 Cement 欄位的下拉框,選擇「設定值軸(左值軸)」,點選「自訂」,設定最小值為 0 ,取消勾選「顯示軸標題」,點選「確定」。如下圖所示:

41.png

2.5 效果預覽

2.5.1 PC 端預覽

2.5.2 行動端預覽

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

3. 範例二:縱軸拖入一個欄位實現

3.1 建立組件

3.1.1 資料預先處理

1)下載樣例資料:水果銷量.xlsx。點選「資料準備」,進入任意一個業務包,點選「新增表」>「Excel資料集」。如下圖所示:

2)上傳下載的表資料,將年份欄位設定欄位型別為「正文」,點選「確定」。如下圖所示:

3.1.2 建立圖表

1)點選「儀表板」,選擇「建立儀表板」,點選「確定」。如下圖所示:

2)點選「新增組件」,選擇之前上傳的資料,點選「確定」。如下圖所示:

3)選擇「多系列折線圖」,將「年份」欄位拖入橫軸,「銷量」欄位拖入縱軸。如下圖所示:

4)將「指標名稱」欄位從顏色屬性中刪除,將「種類」欄位拖入到顏色屬性下。如下圖所示:

3.2 效果查看

3.2.1 PC 端

3.2.2 行動端

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

附件列表


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