web表格控件制作雙軸圖
Posted on 2015-04-13 11:05 FineReport——報表技術領跑者 閱讀(192) 評論(0) 編輯 收藏 所屬分類: Java報表使用心得 、Java報表制作多種圖表類型,可在一張圖表混合顯示。如圖表中既存在柱形圖,又有折線圖或面積圖,且各圖表類型的縱坐標軸可設置在左或右,實現混合圖表。如下圖效果:

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。