工具/原料
web表格控件:FineReport
大小：148.2M 適用平臺(tái)：windows/linux
1.
問題描述
多種圖表類型，可在一張圖表混合顯示。如圖表中既存在柱形圖，又有折線圖或面積圖，且各圖表類型的縱坐標(biāo)軸可設(shè)置在左或右，實(shí)現(xiàn)混合圖表。如下圖效果：
，2. 示例
2.1 準(zhǔn)備數(shù)據(jù)
新建工作薄，添加數(shù)據(jù)集，SQL語句為SELECT 產(chǎn)品名稱, 庫存量, 訂購量, 再訂購量 FROM [產(chǎn)品] where 類別ID = 1，選出飲料類各產(chǎn)品的庫存量、訂購量與再訂購量作為圖表數(shù)據(jù)來源。
2.2 插入圖表
以懸浮圖表為例，點(diǎn)擊插入>懸浮元素>插入圖表，彈出圖表向?qū)?duì)話框，選擇組合圖，點(diǎn)擊確定。
2.3 設(shè)置圖表數(shù)據(jù)
圖表數(shù)據(jù)來源于數(shù)據(jù)集數(shù)據(jù)，設(shè)置如下：
此時(shí)分頁預(yù)覽，可以看到默認(rèn)第二個(gè)系列為折線圖且使用右側(cè)坐標(biāo)軸，其余系列都是柱狀圖，使用左側(cè)坐標(biāo)軸：
2.4 設(shè)置雙軸屬性-條件顯示設(shè)置
而我們需要同類的訂購量與再訂購量使用柱形圖且使用左側(cè)坐標(biāo)軸，而與他們比較的庫存量使用折線圖且使用右側(cè)坐標(biāo)軸。
選中圖表，點(diǎn)擊圖表屬性表-特效>條件顯示，點(diǎn)擊左邊第一個(gè)條件，可以看到默認(rèn)設(shè)置好了系列1（庫存量）的樣式為柱形圖、使用主坐標(biāo)軸（左側(cè)坐標(biāo)軸），修改其系列樣式為折線圖，坐標(biāo)軸選擇次坐標(biāo)軸，標(biāo)記類型修改為實(shí)心，如下圖：
按照同樣的方法，修改條件顯示的第二個(gè)，設(shè)置系列2（再訂購量）的樣式為柱形圖，使用主坐標(biāo)軸；
再添加一個(gè)條件顯示，設(shè)置系列3（庫存量）的樣式為柱形圖，使用主坐標(biāo)軸（右側(cè)坐標(biāo)軸）；
更多系列按照同樣的方法設(shè)置即可。
注：系列序號(hào)是按照設(shè)置圖表數(shù)據(jù)時(shí)的系列順序來編號(hào)的。
2.5 保存與預(yù)覽
保存模板，點(diǎn)擊分頁預(yù)覽，效果即如上。模板效果在線查看請(qǐng)點(diǎn)擊DoubleFigure.cpt
已完成模板可參考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\DoubleFigure.cpt。