图表联动开发

百度已收录

---

图表联动是指报表图形与列表数据进行的联动，通过点击报表图形上的不同区域，可以通过列表进行关联数据的展示。

一、设计图表联动

 

1、设计列表页面

设计一个普通的列表页面，用于展示关联数据。

设计列表页面的时候，可以选择默认查询为否。这样，在页面初始化时，不查询数据，只要当点击报表图形时，才查询数据。

2、设计报表部件

按照报表部件设计步骤，设计一个普通的报表部件。

3、设置图表联动

打开报表部件设计器。

启用图表联动功能。

选择关联页面，也就是设计好的列表页面。

从关联页面中选择关联字段，运行时，点击报表图形，系统会把所点击图形的维度值传递到列表中，关联字段就是指列表中接收维度值的字段。

4、设计组合页面

需要将报表部件和列表页面组合到一起，才能进行联动，所以需要新增一个组合页面，负责组装两个页面。

二、效果预览

 

点击第一个柱子：

点击第二个柱子：