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

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

  • 相关阅读:
    单元测试大揭密
    浅析C#中 ConcurrentDictionary的实现
    C#中 ??、 ?、 ?: 、?.、?[ ]
    队列-exchange
    matlab绘制一个点
    Ubuntu install of ROS Melodic
    matlab绘制树
    matlab scatter3函数
    多个QDockWidget用程序控制自动tab切换
    基于IFC数据的施工吊装模拟
  • 原文地址:https://www.cnblogs.com/shiGuangShiYi/p/10117490.html
Copyright © 2011-2022 走看看