圖表標籤

1.1 版本

1.2 應用場景

使用者希望圖表組件上，顯示對應數值，可透過設定標籤實現。

1.3 功能簡介

使用者建立圖表組件時，可在「圖形屬性」下點選「標籤」欄，為圖表組件設定標籤。如下圖所示：

將維度/指標欄位拖入標籤欄，可以在圖表上顯示標籤。

注：若計算指標是聚合函式，拖維度欄位到標籤中就會參與計算。

將維度/指標欄位拖入標籤欄，可以在圖表上顯示標籤。

本節將以柱形圖為例，介紹標籤的使用。

1）將「合同金額」拖入標籤欄，柱形圖上將顯示合同金額的數值。如下圖所示：

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

3.1 設定標籤字體樣式

1）選中標籤欄位，可設定標籤欄位的字體、字號、顏色等。如下圖所示：

注：下圖右上角的圖示，點選後，只能新增已拖入標籤欄的欄位。

2）效果如下圖所示：

3.2 調整標籤位置

標籤可置中、居內、居外。如下圖所示：

3.3 多個標籤調整上下位置

1）將「城市」欄位拖入到「標籤」中。如下圖所示：

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

3）將城市顯示到合同金額數值上面。步驟如下圖所示：

4）效果如下圖所示：

3.4 標籤重疊時調整顯示方式

1）標籤重疊時，影響視覺效果。如下圖所示：

2）標籤重疊時，有兩種方案供使用者選擇：標籤重疊時隱藏重疊標籤、標籤重疊時自動調整位置。使用者可根據實際情況選擇。如下圖所示：

3.5 多個指標分別展示標籤

注：本節以 2 個指標欄位為例，更多指標欄位分別展示標籤方法以此類推。

1）將「回款金額」欄位拖入到縱軸中。如下圖所示：

2）在「圖形屬性」下，點開「合同金額」欄位，新增標籤。如下圖所示：

注：若在「全部」下設定圖形屬性，則對所有指標欄位生效。

3）點開「回款金額」欄位，新增標籤。如下圖所示：

3.6 堆積圖示籤顯示匯總資料

本節以堆積柱形圖文檔中的範例為基礎，實現標籤為匯總資料的效果。

1）新增一個計算欄位，值為sum_agg(指標1+指標2+指標3 ......)，sum_agg 介紹請參見：SUM_AGG-求和 。如下圖所示：

注：公式中的指標欄位是點選下方圖片中左側對應欄位生成的。

2）把計算欄位拖入到「搜尋引擎」欄位下的標籤欄中。如下圖所示：

注：因為想讓標籤顯示在柱形圖最上方，而「搜尋引擎」欄位在最上方顯示，所以計算欄位拖入到搜尋引擎下的標籤欄，使用者根據實際情況設定即可。