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

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

  • 相关阅读:
    JavaScript三元运算符
    JavaScript相等运算符
    SQL 查询优化
    C# 平时碰见的问题【2】
    android 利用TrafficStats类获取本应用的流量
    android 输出.txt 文本换行问题
    【转载】input 中 type='text' 的提交问题
    Pycharm 使用 (一)
    SqlBulkCopy 插入100W条数据时 属性BatchSize的作用
    C# 平时碰见的问题【1】
  • 原文地址:https://www.cnblogs.com/shiGuangShiYi/p/10117490.html
Copyright © 2020-2023  润新知