擴展圖表指標卡類

1. 指標卡可以用於醒目地展示指標值，比如銷售量、利潤等。

2. 擴展圖表提供了3種指標卡圖表：輪播KPI指標卡-閃爍、輪播KPI指標卡-電子和粒子計數器，他們分別使用不同的動態效果展示指標。

1

插入圖表。

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

2. 以懸浮元素插入為例，點擊【插入】→【懸浮元素】→【插入圖表】→【擴展圖表-指標卡類】→【輪播KPI指標卡-閃爍】。

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

2

資料綁定。

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

2. 輸入SQL：select * from Sales。

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

4. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds1】。

5. 【播放維度】選擇欄位【地區】，【指標名】輸入字串【銷售額】，【目標值】選擇欄位【銷售額】。

3

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

1. 每個指標卡展示對應地區的銷售額情況，不同地區的指標卡輪播展示。

4

樣式設定。

1. 樣式設定包括圖形、背景，背景的設定可參考C02-06 圖表背景。

2. 輪播KPI指標卡閃爍的特有樣式包括【圖形】相關設定。

3. 【播放維度】、【指標名】、【指標值】可自訂字型、大小和顏色。

4. 【區間顏色】預設為自動，自動時根據值劃分為三段，自訂時，可根據劃分階段設定各階段顏色，設定區間後，指標值落在哪個區間，就會顯示成對應的區間顏色。

5. 【數值格式】表示對指標值的格式設定，有八種格式型別可供選擇，實現各種自訂格式，具體可參考A06-05樣式-文字。

6. 【邊框主題色】表示指標卡邊框的顏色，預設為藍色，下拉可自訂任意顏色。

7. 更改樣式設定，在瀏覽器中查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【輪播KPI指標卡-電子】。

2

資料綁定。

1. 資料綁定同輪播KPI指標卡-閃爍，使用資料集ds1。

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

3. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds1】。

4. 【播放維度】選擇欄位【地區】，【目標值】選擇欄位【銷售額】。

3

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

1. 每個指標卡展示對應地區的銷售額情況，不同地區的指標卡輪播展示。

4

樣式設定。

1. 樣式設定包括圖形、背景，背景的設定可參考C02-06 圖表背景。

2. 輪播KPI指標卡電子的特有樣式包括【圖形】相關設定，設定方式同輪播KPI指標卡-閃爍。

3. 更改樣式設定，在瀏覽器中查看效果。

1

選中圖表，點擊【懸浮元素】→【型別】→【粒子計數器】。

2

資料綁定。

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

2. 輸入SQL：select ${int (RAND()*1000+1)} as 新銷量,產品,銷售員 FROM 銷量 group by 產品,銷售員 limit 1，此處用函式來模擬資料變化，實際應用不需要。

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

4. 設定【資料來源】為【資料集資料】，【資料集】選擇剛新建的【ds2】。

5. 【標題】輸入字串【銷量】，【計數值】選擇欄位【新銷量】。

3

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

4

樣式設定。

1. 樣式設定包括圖形、背景，背景的設定可參考C02-06 圖表背景。

2. 粒子計數器的特有樣式包括【圖形】相關設定。

3. 【標題】、【計數值】可自訂字型、大小和顏色。

4. 【主題色】設定可選擇兩個主題色，以粒子動畫的形式在指標卡中展現。

5. 更改樣式設定，在瀏覽器中查看效果。