試管型儀表盤

1.1 版本說明

1.2 應用場景

試管型儀表盤像一個試管，有刻度和進度線，其中刻度表示度量，進度線表示完成的進度情況。

利用試管型儀表盤，可以直覺地表現出某個指標的進度或實際情況，效果如下圖所示：

1.3 圖表特點

優點：直覺的表現出多個指標的進度或實際情況，主要用於進度或佔比的展現。

缺點：不能根據時間類別分析資料，單個圖表無法進行對比分析。

2.1 型別

以儲存格元素或懸浮元素插入儀表盤後，可在右邊屬性面板的型別設定項下，選擇試管型儀表盤，如下圖所示：

2.2 資料

基礎資料設定項詳細介紹可以參見文檔：圖表資料 。

分類名：百分比對應的分類名稱。

指標值：百分比計算時分子的一部分，要配合坐標軸下的最小值形成分子。

目標值：百分比計算時分母的一部分，要配合坐標軸下的最小值形成分母。

注：百分比計算公式：（指標值-最小值）/（目標值-最小值），最小值指的是坐標軸處設定的最小值，詳情參見下面樣式的說明。

2.3 樣式

試管型儀表盤樣式設計的詳細介紹可以參見文檔：圖表樣式

2.3.1 系列

試管型儀表盤的「樣式>系列」設定項跟基礎樣式有所不同，簡單介紹：

1）顏色：

• 配色風格預設為「純色」，顏色劃分預設為「分類」，儀表盤不同分類根據配色方案顯示顏色。

• 配色風格為「純色」，顏色劃分選擇「值」時，需設定「刻度和配色」：儀表盤根據刻度值顯示儀表盤圓環的顏色，預設自動，取配色方案中前三種顏色，分別適配刻度 0~1/3，1/3~2/3，2/3~1 的區間色；選擇自訂時，可設定值屬於某個範圍顯示某個顏色。

• 配色風格為「漸變色」時，每個分類儀表盤的顏色顯示相同的漸變效果。

2）佈局/樣式

• 排列方向：可以控制試管型儀表盤的方向，分為縱向和橫向，預設為「縱向」。

• 指標：指標是指進度條最前端的圓形圖示顏色，預設為透明。

• 刻度槽：此處控制試管的刻度槽背景顏色，預設為淺灰。

• 長度設定：控制試管型儀表盤的長度，分為自動和固定兩種型別。

• 滑槽寬度：控制內部滑槽的寬度。

2.3.2 標籤

1）標籤支援改變正文排列方向

如果試管型儀表盤的「樣式>系列」下的排列方向為「縱向」。

那麼試管型儀表盤的「樣式>系列」下會顯示「佈局」設定項，使用者可以設定「排列方向」，選擇縱向時文字旋轉 +90° 排列。

縱向效果如下圖所示：

2）標籤支援置中展示

試管型儀表盤系列為「縱向」佈局時，其「百分比標籤」和「值標籤」支援置中展示，如下圖所示：

標籤置中效果如下圖所示：

2.3.3 坐標軸

• 軸標籤：可控制軸標籤是否顯示或隱藏。

• 字元：可選擇字體、字元、顏色、斜體、粗體等屬性。

• 自訂最小值：勾選後可以自訂最小值，該值跟形成分子和分母有關係，百分比計算公式：（指標值-最小值）/（目標值-最小值）。

• 自訂主刻度單位：可定義主刻度單位，可採用公式輸入。

• 自訂次刻度單位：可定義次刻度單位，可採用公式輸入。

• 主要刻度線：可設定主要刻度線顏色，預設為淺灰色。

• 次要刻度線：可設定次要刻度線顏色，預設為淺灰色。

• 軸標籤格式：分為通用、自訂兩種，預設為通用。
  

注：坐標軸只能設定最小值，無最大值。

2.4 特效

試管型儀表盤特效設定的詳細介紹可以參見文檔：圖表特效

注：試管型儀表盤的特效設定項下沒有條件顯示。

3.1 報表設計

3.1.1 資料準備

建立決策報表，建立資料庫查詢 ds1，SQL 查詢語句為：

select 類別名稱,sum(庫存量) as kc from 產品,類別

where 產品.類別ID=類別.類別ID and 類別名稱 in ("海鮮" ,"點心", "飲料")

group by 類別名稱

3.1.2 組件設計

將試管型儀表盤拖拽到 body 組件中，調整圖表位置，如下圖所示：

3.1.3 資料綁定

資料來源為「資料集資料」，選擇資料集 ds1，分類名為「類別名稱」，指標值為「kc」，目標值選擇「自訂」設定為 800。如下圖所示：

3.1.4 樣式設計

根據實際需要設定樣式，這裏設定了標題、系列排列方向為「縱向」、系列「指標」為白色、標籤顯示「目標值」。如下圖所示：

3.2 效果預覽

3.2.1 PC 端

儲存範本，點選「PC端預覽」，效果如下圖所示：

3.2.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

點選下載範本：試管型儀表盤.frm