圖表插件FineReport：[8]圖表聯動?

下面就通過圖表插件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，參數值為分類名。