Posted on 2015-04-13 11:05
FineReport——報表技術領跑者 閱讀(191)
評論(0) 編輯 收藏 所屬分類:
Java報表使用心得 、
Java報表制作
工具/原料
web表格控件:FineReport
大小:148.2M 適用平臺:windows/linux
1.
問題描述
多種圖表類型,可在一張圖表混合顯示。如圖表中既存在柱形圖,又有折線圖或面積圖,且各圖表類型的縱坐標軸可設置在左或右,實現混合圖表。如下圖效果:
,
2. 示例
2.1 準備數據
新建工作薄,添加數據集,SQL語句為SELECT 產品名稱, 庫存量, 訂購量, 再訂購量 FROM [產品] where 類別ID = 1,選出飲料類各產品的庫存量、訂購量與再訂購量作為圖表數據來源。
2.2 插入圖表
以懸浮圖表為例,點擊插入>懸浮元素>插入圖表,彈出圖表向導對話框,選擇組合圖,點擊確定。
2.3 設置圖表數據
圖表數據來源于數據集數據,設置如下:
此時分頁預覽,可以看到默認第二個系列為折線圖且使用右側坐標軸,其余系列都是柱狀圖,使用左側坐標軸:
2.4 設置雙軸屬性-條件顯示設置
而我們需要同類的訂購量與再訂購量使用柱形圖且使用左側坐標軸,而與他們比較的庫存量使用折線圖且使用右側坐標軸。
選中圖表,點擊圖表屬性表-特效>條件顯示,點擊左邊第一個條件,可以看到默認設置好了系列1(庫存量)的樣式為柱形圖、使用主坐標軸(左側坐標軸),修改其系列樣式為折線圖,坐標軸選擇次坐標軸,標記類型修改為實心,如下圖:
按照同樣的方法,修改條件顯示的第二個,設置系列2(再訂購量)的樣式為柱形圖,使用主坐標軸;
再添加一個條件顯示,設置系列3(庫存量)的樣式為柱形圖,使用主坐標軸(右側坐標軸);
更多系列按照同樣的方法設置即可。
注:系列序號是按照設置圖表數據時的系列順序來編號的。
2.5 保存與預覽
保存模板,點擊分頁預覽,效果即如上。模板效果在線查看請點擊DoubleFigure.cpt
已完成模板可參考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\DoubleFigure.cpt。