1. 概述
1.1 應用場景
多指標儀表盤像一個鐘錶或者可讀盤,它有刻度和指標,其中刻度表示度量,指標表示維度,指標角度表示數值,指標指向當前數值。
利用多指標的儀表盤,可以直覺地表現出某個指標的進度或實際情況。效果如下圖所示:
1.2 基本要求
圖表型別 | 維度 | 指標 |
---|---|---|
多指標儀表盤 | 0 | >=1 |
1.3 圖表特點
優點:直覺地表現出指標的進度或實際情況,主要用於進度展現。
缺點:指標不宜過多,展示資訊有限。
2. 圓形儀表盤
2.1 新增組件
建立儀表板 ,點選「新增組件」,選擇「供應商產品表」。如下圖所示:
2.2 生成圖表
在圖表型別下選擇「儀表盤」,圖形屬性下選擇第一個子型別。將「庫存量」、「訂購量」欄位拖入到指標值處。如下圖所示:
注:指標值也就是指標指向的刻度位置,可以生成多個指標,只需要把多個指標拖到指標值處即可。
2.3 美化圖表
2.3.1 設定顏色
點選「顏色」欄,可自訂圓環、指標、刻度值、樞紐、底盤等顏色。如下圖所示:
2.3.2 設定大小
點選「大小」欄,可改變儀表盤大小。如下圖所示:
2.3.3 設定標籤
1)將「庫存量」、「訂購量」欄位拖入到標籤處。如下圖所示:
2)點選「標籤」欄,點選內容格式右下角「編輯」按鈕,選中標籤欄位後,可自訂字體樣式。如下圖所示:
注:點選「目標值」欄,可修改儀表盤最大值。
2.4 效果查看
2.4.1 PC 端
效果如下圖所示:
2.4.2 行動端
App 及 HTML5 端效果如下圖所示:
3. 半圓形儀表盤
步驟與第二章完全一樣,不同點在於,2.2 節時,圖表型別下選擇「儀表盤」後,圖形屬性下選擇第二個子型別。
1)PC 端效果
如下圖所示:
2)行動端效果
App 及 HTML5 端效果如下圖所示: