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

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

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

工具/原料

html5動態圖表工具:FineReport

電腦

方法/步驟

準備資料

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

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

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

新建餅圖

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

點選確定。

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

修改餅圖型別

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

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

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

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

設定餅圖資料

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

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

儲存與預覽

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

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

工具, 動態, 圖表, 餅圖, 三圍,
相關問題答案