KPI指標卡

1.1 版本

1.2 應用場景

KPI 指標卡為直覺展示 KPI 數值的組件，可直接顯示所選欄位的數值，比如展示銷售額、毛利、毛利率等指標數值。效果如下圖所示：

1.3 資料要求

KPI 指標卡的資料要求如下表所示：

1.4 圖表特點

• 優點：適合突出顯示重要指標。

• 缺點：僅能展示正文。

2.1 準備資料

1）管理者進入系統，點選「我的分析」，選中某個資料夾，點選「建立分析主題」。如下圖所示：

2）點選「本地Excel檔案>上傳資料」，上傳表資料。如下圖所示：

範例資料：地區資料分析.xlsx

3）上傳後，點選「確定」按鈕。如下圖所示：

2.2 建立組件

1）點選左下角「組件」按鈕。如下圖所示：

2）將「合同金額」欄位拖入指標中，在圖表型別下選擇「KPI指標卡」。如下圖所示：

注：拖入的「指標」，指標值不能為空，否則KPI指標卡不生效。

2.3 設定正文格式

6.0 版本，在「文字」處新增了「固定字體大小」，且預設勾選，顯示效果為 KPI 指標卡預設顯示效果。如下圖所示：

使用者可不勾選該按鈕，自訂內容顯示效果。

2.3.1 設定內容格式

1）取消勾選「固定字體大小」按鈕。如下圖所示：

2）點選內容格式右下角的「編輯」按鈕。如下圖所示：

3）富正文編輯器提供自動樣式，同時也支援自訂樣式，可以為文字設定字體、字號、對齊等效果。

選中富正文編輯框中的欄位，對其設定樣式後，點選右下角「確定」按鈕即可。如下圖所示：

最終效果如下圖所示：

2.3.2 設定形狀

點選「文字」欄，可設定形狀，並用條件屬性控制形狀及形狀顏色的顯示。如下圖所示：

2.3.3 修改顯示的欄位名稱

使用者可在「文字>內容格式處」修改顯示的欄位名稱，也可以直接修改正文欄欄位名。如下圖所示：

除了上述文字的格式，還可在圖形屬性中設定更多的樣式屬性，具體情況可參見：圖形屬性

還可以設定組件的圖例、網格線、背景、自適應顯示等等，詳情參見：圖表組件樣式 

2.4 效果查看

支援 PC 端與行動端。

效果如下圖所示：

若需要切換指標卡顯示欄位，則直接拖走原有欄位，並拖入需要選擇的欄位即可，例如需要切換「合同金額」欄位為「回款金額」。如下圖所示：

注：切換欄位後，之前在「文字」處設定的顏色和形狀將消失。

1）在本文範例基礎上，將指標欄位「合同總金額」拖入到「顏色」欄中，將「合同簽約時間」欄位拖入橫軸中，「合同簽約時間」欄位顯示格式為年。如下圖所示：

注：「顏色」欄中拖入欄位後，之前在「文字」處設定的顏色將失效。

2）「合同簽約時間」欄位新增過濾條件，只顯示前三個。如下圖所示：

3）點選「文字」欄，點選內容格式右下角的「編輯」按鈕，將正文字體大小調到 30 。如下圖所示：

4）點選「文字」欄，「形狀」處自訂設定。如下圖所示：

5）點選「顏色」欄，設定顏色區間。如下圖所示：

6）點選「組件樣式>圖例」，取消勾選「顯示全部圖例」按鈕。如下圖所示：

7）最終效果如下圖所示：

5.1 去重計數與記錄數

例如，想要在 KPI 指標卡中顯示有多少客戶記錄，將「客戶名稱」轉化為指標，製作 KPI 指標卡，此時顯示的是去重計數的結果，如下圖所示：

如果想要展示所有的所有客戶名稱有多少筆資料，將記錄數拖入正文欄即可，再重命名欄位名稱，如下圖所示：

5.2 指標卡內容顯示不全

進入儀表板編輯或者預覽介面，圖表如下圖所示：

可以透過三種方式解決問題：調整組件自適應顯示、調大組件顯示介面、調小正文字體字號

5.2.1 調整自適應顯示為整體適應

在「組件樣式>自適應顯示」中，設定為「整體適應」，正文內容即會隨着組件在儀表板中大小，自動調整。如下圖所示：

5.2.2 調大組件顯示介面

1）在儀表板預覽介面點選「編輯儀表板」，進入編輯介面。

2）選中指標卡組件，向外側拖動組件邊框，拉大組件顯示介面，調整到合適大小。如下圖所示：

5.2.3 調小正文字體字號

參考本文 2.3.1 節內容，調小正文字體字號。