餅圖中心顯示標簽

1.1 版本

1.2 應用場景

當 餅圖 設定了內徑佔比，展示為圓環餅圖時，有個常見的需求：希望可以將分類名、匯總值或自訂正文這樣的資訊展示在中間空白區域，提高圖表的空間利用率。

餅圖示籤中的「分類標籤」功能，支援將自訂的文字和分類名、匯總值這樣的資訊顯示在餅圖中間區域。

1.3 功能簡介

選中餅圖，進入餅圖樣式>標籤設定，可分別設定值標籤和分類標籤，兩類標籤均支援 3 種方法設定標籤內容。

• 通用：支援勾選分類名和匯總值，顯示內建資料指標。

• 富正文：支援自訂正文內容。

• 自訂：支援透過代碼自訂正文內容。

2.1 準備資料

建立普通報表，建立內建資料集，如下圖所示：

2.2 插入圖表

合併一片區域儲存格，插入餅圖，如下圖所示：

2.3 綁定資料

綁定餅圖資料，如下圖所示：

2.4 設定樣式

餅圖去掉標題，圖例設定在上方，內徑佔比調整為 80%，實現環形效果，如下圖所示：

2.5 自訂中間標籤

餅圖示籤取消顯示值標籤，分類標籤使用 富正文自訂，並將分類標籤的位置設定為置中，也就是顯示在餅圖中間，如下圖所示：

點選「富正文編輯」進入編輯器介面，在編輯面板中輸入「安卓各版本市佔率」，字體樣式設定為「自訂」。如下圖所示：

2.6 效果預覽

2.6.1 PC 端

儲存報表，點選分頁預覽，效果如下圖所示：

2.6.2 行動端

同時支援 App 端和 H5 端，效果如下圖所示：

已完成範本參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\餅圖中心顯示標籤.cpt

點選下載範本：饼图中心显示标签.cpt