润乾报表一个页面中的echarts地图与其他区块的联动
来源:互联网 发布:js正则表达式匹配数字 编辑:程序博客网 时间:2024/06/05 10:48
需求概述:
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中发布默认的效果是会带有标题,以及边框线的,想要实现需求概述中的截图效果还需要添加两个标签属性。
通过以上步骤已经完成了一个页面中地图与仪表盘及柱线图的联动。
0 0
- 润乾报表一个页面中的echarts地图与其他区块的联动
- 区块链解读,区块链与其他技术的结合
- echarts地图三级联动
- 润乾报表echarts统计图省份地图设置
- echarts学习2----地图的改造以及主图副图的联动
- app内嵌H5页面与其他app的交互
- 表单与其他页面元素的作用不同
- 创建一个与其他表一样结构的表
- Java中的byte[]数据类型与其他各类数据类型的转换
- javascript中的string与其他语言string的一些不同
- velocity使用--登录页面等某些特殊页面使用的模板与其他页面不同
- echarts地图的引用
- 润乾报表统计图联动刷新
- ECharts 联动
- Echarts使用二:全国地图与各省市地图联动
- Echarts实现地图点击与折线图联动
- SQL语句:查询一个表中某个字段与其他记录不同的记录
- 有12个小球,外形相同,其中一个小球的质量与其他11个不同
- mysql 中文乱码
- 3S技术
- windows下git修改打开bash时的默认路径
- Linux编程实践教程小结
- eclipse3.7安装flash builder 4.7插件
- 润乾报表一个页面中的echarts地图与其他区块的联动
- 百度地图显示指定位置,点击显示自定义内容
- 理解Aode Air,理解RIA开发
- MyBatis--索引号实现多条件查询
- hdu2033(惭愧)
- XML的解析
- plsql访问本机(win7 64位操作系统)数据库,报ORA-12514: TNS:listener does not currently.错误解决
- linux开发入门
- C#代码,查询