html5動態圖表工具FineReport：[8]三圍餅圖表?

三維餅圖是將餅圖按三維的方式展示，它顯示一個數據系列中各項的大小與各項總和的比例，如下圖：

工具/原料

html5動態圖表工具：FineReport

電腦

方法/步驟

準備資料

新建工作薄，新增資料集，SQL語句為SELECT * FROM [訂單] where 貨主國家='中國'，查詢出中國的所有訂單資訊。

製作一張分組報表統計出中國各地區的銷量總和，以此為資料來源製作一張三維餅圖，如下：

新建餅圖

以懸浮圖表為例，點選插入>懸浮元素>插入圖表，彈出圖表嚮導，選擇餅圖，如下圖：

點選確定。

修改餅圖型別

預設的餅圖型別是平面餅圖，即二維餅圖，新建一個餅圖之後，預設新建的是二維餅圖，我們這裡要製作的是三維餅圖，則需要修改餅圖型別。

選中餅圖，在報表右側上方的圖表屬性表中進行修改，選擇圖表屬性表-型別，修改餅圖型別為三維餅圖，如下圖：

注：三維圖表不支援佈局方式的選擇。

設定餅圖資料

選中懸浮餅圖，圖表資料來源於單元格資料，選擇報表右側上方的圖表屬性表，點選圖表屬性表-資料，設定如下：

儲存與預覽

儲存模板，點選分頁預覽，效果即如上。模板效果線上檢視請點選3Darea.cpt

已完成模板可參考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\3Darea.cpt。