圖表標籤

1.1 版本

1.2 應用場景

圖表標籤是 圖表樣式 屬性下的一個設定項，用於設定是否在圖形中顯示資料資訊。如下圖所示：

1.3 功能簡介

圖表標籤預設是不顯示的，要顯示標籤需勾選「使用標籤」。標籤共有 4 個通用設定項，分別是：內容、佈局、邊框、背景。如下圖所示：

注：如果個別圖表有特別的標籤設定，那麼會單獨在這些圖表的文檔中說明。

下面以柱形圖的標籤為例，詳細介紹每個設定項的功能。

2.1 內容

1）設定標籤正文內容的方式有 3 種，分別如下：

• 通用：透過勾選參數顯示該參數對應的資料，可以多選；參數後的「格式」可以設定顯示資料的格式。

• 富正文：點選「富正文編輯」進入富正文編輯器，可新增欄位為標籤，或手動編寫正文內容為標籤；正文樣式、顏色等均在富正文編輯器中編輯。詳細介紹請參見文檔：富正文自訂標籤或提示 。

  注：儀表盤、甘特圖、框架圖這3種圖表是不支援富正文功能的。

• 自訂：透過寫 JavaScript 代碼自訂標籤正文內容和樣式，若代碼中包含 HTML 語句，需選中「使用html解析正文內容」。

2）標籤選擇「通用」或「自訂」時，下方可設定字元的樣式。

• 跟隨主題：跟隨 範本主題 中設定的圖表標籤樣式顯示。

• 自訂：可自訂標籤的字體、大小、顏色等。11.0.2 版本及之後的設計器中，顏色可設定為「自動」。如下圖所示：

注：標籤字元的顏色為「自動」時，顏色會根據不同圖表型別、標籤所處位置自動調整。例如柱形圖，若標籤在外側則跟隨系列色顯示，若標籤在內側則預設為白色。

2.2 佈局

佈局主要是調整標籤的顯示位置，每個設定項功能如下：

• 位置：標籤顯示在圖形的什麼位置

• 正文方向：正文排列方向，選擇縱向時文字旋轉+90°排列

• 重疊調整：標籤文字有重疊現象時，可以開啟該功能錯開文字
  

注1：目前只有柱形圖和試管型儀表盤支援正文方向功能。

注2：當正文內容為富正文時，不支援使用正文方向功能。

正文縱向效果如下圖所示：

2.3 邊框

邊框可以自訂標籤外框的樣式，預設線型為「無」，即沒有邊框，只有在選擇線型後才會顯示 顏色、形狀、圓角這 3 個屬性。如下圖所示：

上圖的標籤邊框效果如下圖所示：

注1：支援邊框設定項的圖表有餅圖、柱形圖、條形圖、折線圖、面積圖。

注2：標籤正文方向為縱向時，不顯示這邊框設定項。

2.4 背景

背景可以設定標籤的填充效果和不透明度，填充支援設定為 沒有背景、顏色或漸變色。如下圖所示：

注1：支援背景設定項的圖表有餅圖、柱形圖、條形圖、折線圖、面積圖。

注2：標籤正文方向為縱向時，不顯示這背景設定項。