百分比儀表盤

1.1 應用場景

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

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

1.2 基本要求

1.3 圖表特點

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

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

2.1 新增組件

建立儀表板 ，點選「新增組件」，選擇「供應商產品表」。如下圖所示：

2.2 生成圖表

1）新增一個計算欄位百分比，自訂百分比資料。如下圖所示：

2）在圖表型別下選擇「儀表盤」，圖形屬性下選擇第三個子型別，將「百分比」欄位拖入到指標值處。

如下圖所示：

3）點選「目標值」，設定目標值為 1 。如下圖所示：

2.3 美化圖表

2.3.1 設定標籤

1）將「百分比」欄位拖入到標籤欄，設定數值格式為「百分比」。如下圖所示：

2）點選「標籤」欄，點選內容格式右下角「編輯」按鈕，自訂標籤樣式。如下圖所示：

2.3.2 設定顏色

點選「顏色」欄，可設定圓環、刻度槽、底盤的顏色。如下圖所示：

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

2.4 效果查看

2.4.1 PC 端

2.4.2 行動端

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

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

1）PC 端效果

如下圖所示：

2）行動端效果

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