KPI指標卡

1.1 版本

1.2 應用場景

KPI 指標卡為直覺展示 KPI 數值的組件，可直接顯示所選欄位的數值。

例如，用KPI指標卡展示銷售額&利潤&數量：

1.3 資料要求

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

1.4 圖表特點

1）優點

• 直覺性：可以直覺地展示最終的資料結果，使觀看者迅速把握關鍵資料。

2）缺點

• 展示限制：只能展示單一的資料點，資料不夠豐富，無法深度挖掘。 

用KPI指標卡展示銷售額&利潤&數量

範例資料下載：超市銷售資料.xlsx

2.1 準備資料

下載範例資料，聯集傳至 FineBI 。如下圖所示：

2.2 建立組件

1）點選左下角「組件」按鈕

2）選擇圖表類型為「KPI指標卡」

3）將左側待分析區域的「銷售額、利潤、數量」拖入正文欄，如下圖所示：

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

2.3 設定正文內容格式

點選正文欄的設定按鈕，設定正文內容格式。如下圖所示：

每種佈局：

• 左側樣式：只有佈局樣式，不插入圖形。

• 右側樣式：有佈局樣式、圖形，若需要插入圖形建議使用右側樣式。
  

2.3.1 使用預設內容格式

預設內容格式的佈局樣式如下表所示：

預設名稱	左（不插入圖形的佈局）	右（插入圖形的佈局）
主副指標1
主副指標2
主副指標3
並列指標1
並列指標2

2.3.2 自訂內容樣式

1）若是對自訂內容樣式不滿意，使用者可以進行自訂。可以先選擇一種預設樣式，然後在預設樣式基礎上進行修改。如下圖所示：

2）在富正文編輯器中可以手動寫入文字，併為文字設定字體、字號、粗體、斜體、字體顏色、對齊等效果。如下圖所示：

3）修改分欄，改變指標卡內容佈局，每個分欄內都可以輸入內容。

• 點選分欄，即可修改已有分欄的分欄方式

• 點選無分欄處，即可在此行增加分欄

例如，將組件分欄佈局由 1 1 2 更改為 2 2 4，如下圖所示：

4）若使用者對自行調整後的內容樣式不滿意，可透過點選「重置」按鈕恢復至原始樣式設定。

5）為指標卡插入圖示，例如來給銷售額、利潤、數量分別插入圖示。

滑鼠懸浮在分欄上，點選「新增圖示」，如下圖所示：

點選圖示，可以取代使用的圖形。如下圖所示：

圖示只能新增到分欄中。「銷售額」所在行沒有分欄，所以需要先新增分欄重新整理增圖形。如下圖所示：

點選「確定」，效果如下圖所示：

2.4 設定形狀條件

我們還可以對指標卡設定形狀條件，比如說我們的銷售總目標是 400 萬，我們可以用形狀屬性表示目標達成進度。

1）點選「形狀條件」，選擇銷售額指標並點選「新增條件」設定特定條件；

2）為銷售額的不同數值區間配置不同的顏色和形狀。例如，銷售額在 300萬 至 400萬 的區間，表達目標達成超過四分之三，可以設定形狀為四分之三餅圖，顏色選擇淺紅色直覺反映目標達成情況。

3）勾選「數值顏色隨條件變化」，可以確定數值顯示的顏色與條件設定的顏色保持一致。

注：顏色優先 圖形屬性顏色>數值顏色隨條件變化>富正文設定的字體顏色

效果如下圖所示：

4）若只想對數值設定顏色條件，不想要顯示形狀，可以在形狀中選擇“無”，然後再設定顏色。如下圖所示：

效果如下圖所示：

2.5 建立儀表板

1）點選分析主題編輯介面下方新增儀表板。

2）進入儀表板編輯介面，將組件拖入至儀表板中，查看最終效果。如下圖所示：

2.6 效果查看

1）PC端

2）行動端