在交互分析中,报表经常需要根据参数进行实时变化。也就是“参数联动”效果,下面就通过一个例子说明润乾报表是如何实现这种需求的。
创新互联公司主营商水网站建设的网络公司,主营网站建设方案,重庆APP开发公司,商水h5小程序定制开发搭建,商水网站营销推广欢迎商水等地区企业咨询
页面的左侧为参数输入区域,右侧的数据报表需要根据参数实时查询结果,效果如下图:

实现步骤:
1 准备报表
连接默认的 demo 数据源,制作如下报表:

其中,报表参数为:

用于接收地区和城市参数。
报表数据集为:


2 定义参数输入
定义参数输入页面,如下:
请选择参数:
|
|
请选择参数:
| |
其中,数据报表采用 iframe 嵌入,发布报表的 showReport.jsp 在润乾报表的安装包中。这里需要定义下拉框的 onChange 事件。加入以下 JS 代码:
这样,在选择参数后会触发 onChange 事件,通过自动修改 iframe 的 src 属性即可实现联动查询效果。
详情链接:
http://c.raqsoft.com.cn/article/1554689324200?r=gxy
网站栏目:如何实现参数和报表间的联动效果
文章位置:http://cxhlcq.com/article/pddhsc.html
-
在线咨询

微信咨询


电话咨询
-
028-86922220(工作日)
18980820575(7×24)
-

提交需求
-

返回顶部