餅圖

1.1 版本

1.2 應用場景

餅圖主要用於展示不同類別或部分在整體中的相對大小和比例關係 。

在餅圖中，一個圓被分割成若干個扇形區域，每個扇形的大小（即圓心角的度數）與其所表示的資料量成比例 。

這些扇形區域通常用不同的顏色或圖案來區分，使得使用者可以一目瞭然地看出各個部分相對於整體的貢獻大小 。

例如，用餅圖展示 Web 伺服器各個廠商的市場佔比。如下圖所示：

1.3 圖表特點

優點：能很直覺的看到每一個部分在整體中所佔的比例。

缺點：不適合較大的資料集（分類）展現，資料項中不能有負值，當比例接近時，人眼很難準確判別。

2.1 準備資料

點選設計器左上角「檔案>建立普通報表」，建立 內建資料集 ，如下圖所示：

2.2 插入圖表

合併一片儲存格區域，被菜儲存格後點選上方工具欄插入圖表按鈕，插入一個餅圖。如下圖所示：

2.3 設計餅圖

選中圖表，點選右側屬性面板「儲存格元素」，可設定圖表的各個屬性：型別、資料、樣式、特效。

2.3.1 圖表型別

選中圖表所在儲存格，點選右側「儲存格元素>型別」可查看和選擇圖表型別。

2.3.2 綁定資料

選擇「資料」，綁定圖表資料如下圖所示：

2.3.3 設定樣式

1）選擇「樣式>標題」，輸入正文「Web伺服器市場佔比」，其餘設定保持預設。

2）選擇「樣式>圖例」，取消勾選圖例可見。

3）餅圖可設定「值標籤」和「分類標籤」，本例中餅圖分類為「無」，故只需要設定「值標籤」。

選擇「樣式>標籤」，勾選使用標籤，值標籤選擇「富正文」，關於富正文的具體介紹請參見：富正文自訂標籤或提示 。設定標籤的顯示位置為「餅圖外」，並選中「牽引線」。

步驟如下圖所示：

4）選擇「樣式>系列」，設定餅圖的配色方案，邊框線型選擇「無」。如下圖所示：

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選「分頁預覽」，效果如 1.2 節所示。

2.4.2 行動端

APP 端和 HTML5 端均支援，效果如下圖所示：

餅圖常見的漸變有兩種：半圓餅圖、圓環餅圖。這裏簡單介紹其設定方式和效果。

3.1 半圓餅圖

透過設定「樣式>系列」的起始角度和終結角度，可改變餅圖的形狀。半圓餅圖的起始角度為 270，終結角度為 90 。

預覽效果如下圖所示：

3.2 圓環餅圖

透過設定「樣式>系列」的內徑佔比，可使餅圖中部鏤空。

例如將內徑佔比設定為 80%，預覽效果如下圖所示：

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\PieChart\基礎餅圖.cpt

點選下載範本：基礎餅圖.cpt