儀表盤

1. 儀表盤能直觀地表現出某個指標的進度或實際情況，主要用於進度或佔比的展現。

2. 儀表盤有五種子型別：多指標的儀表盤360度、多指標的儀表盤180度、百分比圓環儀表盤、百分比刻度槽型儀表盤、試管型儀表盤。

3. 多指標儀表盤有刻度和指標，其中刻度表示度量，指標表示維度，指標角度表示數值，指標指向當前數值。

4. 百分比圓環儀表盤是一個完整的圓環，用來展示某一項在整個圓環的佔比情況，包含類別、百分比、數值等指標資料。

5. 百分比刻度槽型儀表盤和百分比圓環儀表盤的區別在於圓環採用了刻度槽樣式，是一個不完整的圓環。

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

1

插入圖表。

1. 可在儲存格中插入或以懸浮元素插入，參考A05-04插入圖表、A07-02插入圖表。

2. 以懸浮元素插入為例，點擊【插入】→【懸浮元素】→【插入圖表】→【儀表盤】。

3. 通過拉伸調整圖表顯示大小。

2

資料綁定。

1. 新建資料集ds1，可參考A03-01 內建資料集。

2. 輸入SQL：select 類別名稱,庫存量,訂購量,再訂購量 from 產品,類別 where 產品.類別ID=類別.類別ID and 類別名稱="飲料"。

3. 點擊【懸浮元素】→【資料】，進入資料綁定介面。

4. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds1】，【分類】選擇欄位【類別名稱】，【系列名使用】選擇【使用欄位名】。

5. 設定三組系列，庫存量、訂購量、再訂購量，彙總方式均為求和。

3

點擊【預覽】，在瀏覽器中查看效果。

1. 儀表盤指標指向系列的數值。

4

樣式設定-標籤。

1. 樣式設定包括標題、標籤、系列、坐標軸、背景、提示，通用的設定可參考C02-00 圖表標題、C02-02 圖表標籤、C02-03 圖表系列、C02-04 圖表坐標軸、C02-06 圖表背景、C02-07 圖表提示。

2. 多指標儀表盤特有樣式包括【標籤】-【值標籤】-【字元】、【系列】-【佈局】、【系列】-【樣式】、【系列】-【範圍】、【坐標軸】-【標籤】-【字元】、【坐標軸】-【值定義】。

3. 值標籤下的【字元大小】選擇【自動】，那麼字型會根據儀表盤大小自動調整大小。

4. 調整儀表盤大小，點擊【預覽】，在瀏覽器中查看效果。

5

樣式設定-系列。

1. 【佈局】可以設定儀表盤的排列方向，按分類名稱展示儀表盤時，會出現多個儀表盤，此時可以改變這些儀表盤的排列方向。

2. 【樣式】可以設定樞紐顏色、樞紐背景顏色、指標顏色、底盤背景顏色以及半徑設定。

3. 【範圍】可以設定刻度和配色，預設選擇自動，為預設配置，選擇自訂，可劃分刻度階段改變配色。

4. 更改設定，點擊【預覽】，在瀏覽器中查看效果。

6

樣式設定-坐標軸。

1. 【軸標籤】中的【字元大小】選擇【自動】，那麼字型會根據儀表盤大小自動調整大小。

2. 【軸標籤】中的【字元顏色】選擇【自動】，那麼軸標籤的顏色會根據系列色顯示。

3. 調整儀表盤大小和系列色，點擊【預覽】，在瀏覽器中查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【多指標的儀表盤180度】。

2

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

1. 刻度根據180度劃分，儀表盤指標指向系列的數值。

1

選中圖表，點擊【懸浮元素】→【型別】→【百分比圓環儀表盤】。

2

資料綁定。

1. 新增內建資料集ds2，可參考A03-01 內建資料集。

2. 輸入SQL：select 類別名稱,sum(庫存量)as 庫存量 from 產品,類別 where 產品.類別ID=類別.類別ID and 類別名稱="飲料"。

3. 點擊【懸浮元素】→【資料】，進入資料綁定介面。

4. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds2】，【分類】選擇欄位【類別名稱】，【指標值】選擇【庫存量】，【目標值】選擇【自訂】，設定為500。

3

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

1. 分類名稱和百分比顯示在中間滑槽區域。

2. 百分比為指標值所佔目標值的比例。

4

樣式設定。

1. 百分比圓環儀表盤和多指標儀表盤相同的特有系列樣式包括【佈局】、【樣式】-【半徑設定】、【範圍】。

2. 百分比圓環儀表盤特有的設定為【旋轉方向】、【底盤背景】、【內底盤背景】、【滑槽佔比】。

3. 【旋轉方向】可選擇順時針、逆時針兩種型別。

4. 【底盤背景】控制空白圓環區域的背景顏色，預設為灰色。

5. 【內底盤背景】控制圓環內部的底盤背景顏色，預設為透明。

6. 【滑槽佔比】可改變儀表盤中間滑槽區域的大小。

7. 更改設定，點擊【預覽】，在瀏覽器中查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【百分比刻度槽型儀表盤】。

2

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

1. 分類名稱和百分比顯示在中間滑槽區域。

2. 百分比為指標值所佔目標值的比例。

3

樣式設定。

1. 百分比刻度槽型儀表盤和百分比圓環儀表盤相同的特有系列樣式包括【佈局】、【樣式】-【半徑設定】、【範圍】、【滑槽佔比】。

2. 百分比刻度槽型儀表盤特有的設定為【指標顏色】、【刻度槽顏色】。

3. 更改設定，點擊【預覽】，在瀏覽器中查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【試管型儀表盤】。

2

資料綁定。

1. 新增內建資料集ds3，可參考A03-01 內建資料集。

2. 輸入SQL：select 類別名稱,sum(庫存量) as kc from 產品,類別 where 產品.類別ID=類別.類別ID and 類別名稱!="日用品"    group by 類別名稱。

3. 點擊【懸浮元素】→【資料】，進入資料綁定介面。

4. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds3】，【分類】選擇欄位【類別名稱】，【指標值】選擇【kc】，【目標值】選擇【自訂】，設定為800。

3

其他設定保持不變，點擊【預覽】，在瀏覽器中查看效果。

4

樣式設定-標籤。

1. 試管型儀表盤特有的標籤樣式設定包括【百分比標籤】和【值標籤】。

2. 兩個標籤預設展示在試管下方，位置跟隨試管條，也可自訂【上下位置】和【左右位置】。

3. 更改設定，點擊【預覽】，在瀏覽器中查看效果。

5

樣式設定-系列。

1. 試管型儀表盤特有的系列樣式設定包括【長度設定】和【滑槽寬度】。

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

3. 【滑槽寬度】控制內部滑槽的寬度。

4. 更改設定，點擊【預覽】，在瀏覽器中查看效果。

6

樣式設定-坐標軸。

1. 試管型儀表盤特有的坐標軸樣式設定包括【標籤】、【值定義】、【刻度線顏色】、【格式】。

2. 【標籤】-【軸標籤】可控制軸標籤是否顯示或隱藏。

3. 【標籤】-【字元】可選擇字型、字元、顏色、斜體、加粗等屬性。

4. 【值定義】-【自訂最小值】勾選後可以自訂最小值，該值跟形成分子和分母有關係，詳情參見上面百分比計算公式。

5. 【值定義】-【自訂主刻度單位】可定義主刻度單位，可採用公式輸入。

6. 【值定義】-【自訂次刻度單位】可定義次刻度單位，可採用公式輸入。

7. 【刻度線顏色】-【主要刻度線】可配置主要刻度線顏色，預設為淺灰色。

8. 【刻度線顏色】-【次要刻度線】可配置次要刻度線顏色，預設為淺灰色。

9. 【格式】-【軸標籤格式】分為通用、自訂兩種，預設為通用。

10. 更改設定，點擊【預覽】，在瀏覽器中查看效果。