下面就通過圖表控制元件FineReport來簡單介紹一下。
工具/原料
圖表控制元件FineReport7.1.1
大小:148.2M 適用平臺:windows/linux
方法/步驟
問題描述
圖表聯動:單個模板的圖表超鏈功能,可讓使用者在同一頁面中檢視多張關聯的圖表,實現圖表聯動的效果,這種聯動是自動的,不需重新重新整理整個頁面,如下圖:
資料集設計
新建工作簿,新增資料集ds1,SQL語句為:SELECT * FROM Sales_Car;
新增資料集ds2,SQL語句為:SELECT * FROM Sales_Car where month ='${month}',給引數month設定預設值為1月。
注:這邊引數的值將從圖表連結處傳過來。
圖表設計
主圖表設計
選中一邊區域單元格,合併單元格。在選單欄中,選擇插入>單元格元素>插入圖表,圖表型別選擇柱形圖,使用資料集資料,設定如下圖:
單元格子圖表設計
再選中一片區域,合併單元格。在選單欄中,選擇插入>單元格元素>插入圖表,圖表型別選擇折線圖,圖表資料來源於資料集資料,資料集為ds2,分類軸為Province,系列名使用欄位值,系列名稱為Month,系列值為Amout,彙總方式為求和,如下圖
懸浮元素子圖表設計
在選單欄中,選擇選單>懸浮元素>插入圖表,選擇面積圖,圖表的資料與單元格子圖表設計相同。右擊該懸浮圖表,點選設定懸浮元素名稱修改名稱為FloatChart。
圖表聯動設定
新增單元格聯動圖表
選中主圖表,選擇圖表屬性設定-特效>互動屬性,點選超級連結,新增一個圖表超鏈-聯動單元格,選擇圖表所在單元格,並傳遞引數month,引數值選擇分類名:
新增懸浮聯動圖表
在新增一個圖表超鏈-聯動懸浮元素,選擇懸浮圖表FloatChart,同樣新增引數month,引數值為分類名。