多系列折線圖

1. 概述

1.1 應用場景

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

9 PC 端效果預覽.jpg

1.2 基本要求

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

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

1.3 圖表特點

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

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

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

2.1 準備資料

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

新建分析主题 .jpg

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

範例資料:CO2-by-source.xlsx

上传表数据 .jpg

3)上傳後,選擇欄位型別設定中的Year為「文字」,點選「確定」按鈕。如下圖所示:

1 上傳資料後 點擊確定.jpg

2.2 建立組件

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

2 點選組件按鈕.jpg

2)將待分析區域維度下的欄位「Year」拖入維度中,將指標下的欄位「Cement」、「Coal」、「Flaring」、「Gas」、「Oil」拖入指標中,在圖表型別中選擇「多系列折線圖」。如下圖所示:

3 建立多系列折線圖.jpg

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

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

2.3 美化組件

2.3.1 顏色

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

4 選擇配色方案.jpg

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

2.3.2 大小

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

5 設置線寬為7.jpg

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

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

2.3.3 組件樣式設定

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

6 整體自適應.jpg

2.3.4 指標欄位設定

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

7 縱軸數值格式 億.jpg

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

8 設定值軸.jpg

2.4 效果預覽

2.4.1 PC 端預覽

9 PC 端效果預覽.jpg

2.4.2 行動端預覽

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

10 行動端效果預覽.jpg

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

3.1 準備資料

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

新建分析主题 .jpg

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

範例資料:

水果銷量.xlsx

上传表数据 .jpg

3)上傳後,年份欄位設定欄位型別為「文字」,點選「確定」按鈕。如下圖所示:

11 上傳水果銷量後 點擊確定.jpg

3.2 建立組件

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

12 點擊組件按鈕.jpg

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

13 建立單指標多系列折線圖.jpg

3)將「種類」欄位拖入到顏色屬性下。如下圖所示:

14 將種類拖入顏色蘭.jpg

3.3 效果查看

3.3.1 PC 端

15 PC 端預覽效果.jpg

3.3.2 行動端

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

16 行動端預覽效果.jpg



附件列表


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

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙