FineReport

最強大的動態報表與BI商業智慧工具!

Java報表表單設計之組件聯動

很多時候,我們除了要通過報表或者圖表來展示數據的同時,由於數據間之間都是相互聯繫的,故也需要報表和圖表之間相互存在聯繫,比如說,如下圖,我們通過控制項過濾來查看不同地區的銷量情況,同時還可以點擊產品類型的扇形塊查看該產品類型下的產品的銷量,如下圖:
表單設計器

表單組件聯動實現步驟

打開模板%FR_HOME%WebReportWEB-INFreportletsdocFrmexamle_1.frm,我們在此模板的基礎上進行修改。

新增組件

如效果圖所示,拖拽一個餅圖組件至柱形圖的左側,如下圖:
表單設計器

新增數據集

新建一個數據集ds2:SELECT * FROM [銷量] where 1=1 ${if(len(product)==0,””,”and 產品類型='”+product+”‘”)}

組件數據綁定

餅圖

選中餅圖組件,在右側的圖表屬性表-數據選項中設置其數據。

柱形圖

選中柱形圖,修改其數據來源,數據來源於新建的ds2數據集,分類軸仍然為銷售員,系列名修改為產品,系列值仍然為銷量。

超級鏈接設置

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

如下圖,選中餅圖,點擊圖表屬性表-特效>交互屬性,新增一個超級鏈接,超級鏈接方式選擇當前表單對象,表單對象選擇柱形圖組件名稱,並新增一個product參數,其值為系列名稱:

註:如果是直接超級鏈接到當前表單的不同組件,超級鏈接的方式應該選擇當前表單對象。

點擊確定,保存模板。

表單樣式設計

在表單右下方的組件列表界面中選中body主框架,將內邊距全部設置為10,組件間距設置為5。

同時分別為表格組件和2個圖表組件添加黑色邊框,如下圖,選中表格組件,點擊上方屬性表中樣式屬性後面的選項按鈕,設置其邊框以及邊框顏色:

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

點擊預覽按鈕,在web端打開模板,點擊餅圖的扇形,可以看到如上效果圖所示效果。

已完成模板請參照%FR_HOME%WebReportWEB-INFreportletsdocFrmexamle_2.frm

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

  • 聯繫我們

  • 電話:0933-790886
  • 邮箱:brian.wang@fanruan.com
  • 地址:300 新竹市學府路40號 (交大育成中心 R302)
  • 臉書粉絲團
Copyright©2017 Fanruan Software Co.,Ltd. All Rights Reserved. 帆軟軟體有限公司 | 蘇ICP備14031611號-8

返回頂部