百分比儀表盤

1. 概述

1.1 應用場景

百分比儀表盤,有兩種樣式:百分比圓環儀表盤、百分比刻度槽型儀表盤。

可以直覺地表現出某一項資料佔總量的佔比,可以展示銷售完成率、產品合格率等,也可以作為一個進度百分比展示。如下圖所示:

圓環 刻度槽 盤.jpg

1.2 基本要求

圖表型別
維度指標
百分比儀表盤01

1.3 圖表特點

優點:直覺的表現出某個指標的進度和完成情況,主要用於進度或佔比的展現。

缺點:只能展示一個指標資料,展示資訊有限。

2. 百分比圓環儀表盤

2.1 準備資料

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

新建分析主题 .jpg

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

範例資料:供應商產品表.xlsx

上传表数据 .jpg

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

1 確定.jpg

2.2 建立組件

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

2 組件.jpg

2)新增一個計算欄位百分比,自訂百分比資料。如下圖所示:

3 百分比.jpg

3)在圖表型別下選擇「儀表盤」,圖形屬性下選擇第三個子型別,將「百分比」欄位拖入到指標值處。如下圖所示:

4 百分比儀表盤.jpg

4)點選目標值,設定目標值為 1 。如下圖所示:

5 目標值為 1.jpg

2.3 美化圖表

2.3.1 設定標籤

1)將百分比欄位拖入到標籤欄,設定數值格式為百分比。如下圖所示:

6 百分比標籤.jpg

2)點選標籤欄,點選內容格式右下角編輯按鈕。如下圖所示:

7 標籤編輯.jpg

3)自訂標籤樣式。如下圖所示:

无标题项目.gif

2.3.2 設定顏色

點選顏色欄,可設定圓環、刻度槽、底盤的顏色。如下圖所示:

8 顏色.jpg

注:儀表盤半徑大小設定請參見:大小

2.4 效果查看

2.4.1 PC 端

9 PC 效果.jpg

2.4.2 行動端

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

10 移動端效果.jpg

2.5 多個維度值的儀表盤

使用者想要同時展示多維度值的儀表盤,例如展示三個區的採購金額,如下圖所示:

範例資料:多維度值的儀表盤.xlsx

13 多維度 PC 預覽.jpg

此時,將相關欄位拖入維度和指標欄,再點選「儀表盤」,結果只能展示一個區域的儀表盤,如下圖所示:

11 多維度不顯示.jpg

原因是橫軸和縱軸沒有維度欄位的情況下,儀表盤會改寫顯示,將「歸屬戰區」欄位再拖入橫軸或者縱軸,就可以顯示三個戰區的儀表盤,如下圖所示:

12 多維度顯示.jpg

3. 百分比刻度槽型儀表盤

步驟與第二章完全一樣,不同點在於,2.2 節時,圖表型別下選擇「儀表盤」後,圖形屬性下選擇第四個子型別。

1)PC 端效果

如下圖所示:

刻度槽儀表盤 PC 效果.jpg

2)行動端效果

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

刻度槽儀表盤 行動端效果.jpg




附件列表


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

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙