決策報表示例之組件聯動

很多時候，我們除了要通過報表或者圖表來展示數據的同時，由於數據間之間都是相互聯系的，故也需要報表和圖表之間相互存在聯系。

比如說：我們通過控件過濾來查看不同地區的銷量情況，同時還可以點擊産品類型的扇形塊查看該産品類型下的産品的銷量，實現效果如下圖所示：

打開模板%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\決策報表入門2.frm，我們在此模板的基礎上進行修改。

點擊下載模板：決策報表入門2.frm

2.1 新增組件

如效果圖所示，拖拽一個餅圖組件至柱形圖的左側，如下圖所示：

2.2 新增數據集

新建一個數據集 ds2：SELECT * FROM [銷量] where 地區 ='${地區}' and  1=1 ${if(len(product)==0,"","and 産品類型='"+product+"'")}

2.3 組件數據綁定

2.3.1 餅圖

選中餅圖組件，在右側的圖表屬性表-數據選項中設置其數據，數據集選擇 ds1,彙總方式選求和，如下圖所示：

2.3.2 柱形圖

選中柱形圖，修改其數據來源，數據來源於新建的ds2數據集，分類軸仍然爲銷售員，系列名修改爲産品，系列值仍然爲銷量，如下圖所示：

2.4 超級鏈接設置

效果圖表，點擊餅圖，柱形圖數據随之發生變化，表明點擊餅圖的時候，将數據傳遞給了柱形圖，使柱形圖綁定的數據集 ds2 的參數值發生了變化，故柱形圖也随之變化。

選中餅圖，點擊圖表屬性表-特效>交互屬性，新增一個超級鏈接，超級鏈接方式選擇動态參數，點擊+，參數輸入 product（與 ds2 的 SQL 語句參數名一緻），其值選擇系列名稱，如下圖所示：

注：如果是直接超級鏈接到當前決策報表的不同組件，超級鏈接的方式應該選擇當前決策報表對象。

2.5 決策報表樣式設計

在決策報表右下方的組件列表界面中選中 body 主框架，将内邊距全部設置爲 10，組件間距設置爲 5，如下圖所示：

同時分别爲表格組件和 2 個圖表組件添加黑色邊框，如下圖，選中表格組件，點擊屬性表中樣式屬性後面的選項按鈕，設置其邊框以及邊框顔色，如下圖所示：

以同樣的方法爲其他 2 個組件設置邊框。

注：決策報表組件間的聯動效果是根據超級鏈接連接到當前決策報表對象來實現，其設置方式與普通 cpt 報表的圖表鏈接一樣，這裏就不再贅述。

保存模板，點擊預覽按鈕，在 Web 端打開模板，點擊餅圖的扇形，效果如下圖所示：

已完成模板，請參照%FR_HOME%\webroot\WEB-INF\reportlets\doc\Frm\決策報表入門3.frm

點擊下載模板：決策報表入門3.frm