需求概述:
DBD样式效果如下图所示,需要点击左侧地图中的地区,右侧的仪表盘,柱线图可以对应显示对应该地区的数据。
实现思路:
分别制作带有地图、仪表盘、柱线图的3张报表;将3张报表放到DBD中设置布局;在需要联动带有仪表盘、柱线图的报表中定义参数,并在数据集中添加参数,实现参数过滤;在带有地图的报表中添加单击地区触发联动的事件。
制作步骤:
1. 做出三个报表分别带有地图,仪表盘,柱线图名称分别为B1.rpx,B2.rpx,B3.rpx。
2. ①在B2.rpx,B3.rpx中添加参数定义,并在数据集中配置参数,实现通过参数过滤。
3. 新建报表组,将通过以上2个步骤做的3张报表添加到该报表组中,然后设置这3张报表的布局,并为DBD设置背景色。
4. 在带有地图的报表中添加单击事件,调用js函数dashboardLink( url1,boardId1,url2,boardId2,......)
5. 报表展现页面的标签属性设置,设置DBD布局的报表组,在设计器下发布使用的JSP是previewDashboard.jsp,该JSP中发布默认的效果是会带有标题,以及边框线的,想要实现需求概述中的截图效果还需要添加两个标签属性。
通过以上步骤已经完成了一个页面中地图与仪表盘及柱线图的联动。