润乾报表一个页面中的echarts地图与其他区块的联动

需求概述：

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中发布默认的效果是会带有标题，以及边框线的，想要实现需求概述中的截图效果还需要添加两个标签属性。

通过以上步骤已经完成了一个页面中地图与仪表盘及柱线图的联动。