圖表控制項製作雙軸圖

標籤：

工具/原料

 

圖表控制項:FineReport

大小：148.2M 適用平台：windows/linux

 問題描述

多種圖表類型，可在一張圖表混合顯示。表中既存在直條圖，又有折線圖或面積圖，且各圖表類型的垂直軸可設定在左或右，實現混合圖表。如效果：

650) this.width=650;" src="http://www.finereporthelp.com/help/11/0/3/0-1.png" style="padding:10px 0px 5px;" alt="0-1.png" />，

2. 樣本

2.1 準備資料

建立工作薄，添加資料集，SQL語句為SELECT 產品名稱, 庫存量, 訂購量, 再訂購量 FROM [產品] where 類別ID = 1，選出飲料類各產品的庫存量、訂購量與再訂購量作為圖表資料來源。

2.2 插入圖表

以懸浮圖表為例，點擊插入>懸浮元素>插入圖表，彈出圖表嚮導對話方塊，選擇組合圖，點擊確定。

2.3 設定圖表資料

圖表資料來源於資料集資料，設定如下：

650) this.width=650;" src="http://www.finereporthelp.com/help/11/0/3/0-2.png" style="padding:10px 0px 5px;" alt="0-2.png" />

此時分頁預覽，可以看到預設第二個系列為折線圖且使用右側座標軸，其餘系列都是柱狀圖，使用左側座標軸：

650) this.width=650;" src="http://www.finereporthelp.com/help/11/0/3/0-3.png" style="padding:10px 0px 5px;" alt="0-3.png" />

2.4 設定雙軸屬性-條件顯示設定

而我們需要同類的訂購量與再訂購量使用直條圖且使用左側座標軸，而與他們比較的庫存量使用折線圖且使用右側座標軸。

選中圖表，點擊圖表屬性工作表-特效>條件顯示，點擊左邊第一個條件，可以看到預設設定好了系列1（庫存量）的樣式為直條圖、使用主座標軸（左側座標軸），修改其系列樣式為折線圖，座標軸選擇次座標軸，標記類型修改為實心，如：

650) this.width=650;" src="http://www.finereporthelp.com/help/11/0/3/0-4.png" style="padding:10px 0px 5px;" alt="0-4.png" />

按照同樣的方法，修改條件顯示的第二個，設定系列2（再訂購量）的樣式為直條圖，使用主座標軸；

再添加一個條件顯示，設定系列3（庫存量）的樣式為直條圖，使用主座標軸（右側座標軸）；

更多系列按照同樣的方法設定即可。

註：系列序號是按照設定圖表資料時的系列順序來編號的。

2.5 儲存與預覽

儲存模板，點擊分頁預覽，效果即如上。模板效果線上查看請點擊DoubleFigure.cpt

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

圖表控制項製作雙軸圖