历史版本3 :决策报表组件联动 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

1. 描述编辑

很多时候,我们除了要通过报表或者图表来展示数据的同时,由于数据间之间都是相互联系的,故也需要报表和图表之间相互存在联系,比如说,如下图,我们通过控件过滤来查看不同地区的销量情况,同时还可以点击产品类型的扇形块查看该产品类型下的产品的销量,如下图:

2. 实现步骤编辑

打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Frm\examle_1.frm,我们在此模板的基础上进行修改。
2.1 新增组件
如效果图所示,拖拽一个饼图组件至柱形图的左侧,如下图:
2.2 新增数据集
新建一个数据集ds2:SELECT * FROM [销量] where 1=1 ${if(len(product)==0,"","and 产品类型='"+product+"'")}
2.3 组件数据绑定
  • 饼图
选中饼图组件,在右侧的图表属性表-数据选项中设置其数据,如下图:
  • 柱形图
选中柱形图,修改其数据来源,数据来源于新建的ds2数据集,分类轴仍然为销售员,系列名修改为产品,系列值仍然为销量,如下图:
2.4 超级链接设置
效果图表,点击饼图,柱形图数据随之发生变化,表明点击饼图的时候,将数据传递给了柱形图,使柱形图绑定的数据集ds2的参数值发生了变化,故柱形图也随之变化。
如下图,选中饼图,点击图表属性表-特效>交互属性,新增一个超级链接,超级链接方式选择当前表单对象,表单对象选择柱形图组件名称,并新增一个product参数,其值为系列名称:
注:如果是直接超级链接到当前表单的不同组件,超级链接的方式应该选择当前表单对象。
点击确定,保存模板。
2.5 表单样式设计
在表单右下方的组件列表界面中选中body主框架,将内边距全部设置为10,组件间距设置为5,如下图:
同时分别为表格组件和2个图表组件添加黑色边框,如下图,选中表格组件,点击上方属性表中样式属性后面的选项按钮,设置其边框以及边框颜色:
以同样的方法为其他2个图表组件设置边框。
2.6 效果查看
点击预览按钮,在web端打开模板,点击饼图的扇形,可以看到如上效果图所示效果。
已完成模板请参照%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Frm\examle_2.frm

3. 总结编辑

表单组件间的联动效果是根据超级链接连接到当前表单对象来实现,其设置方式与普通cpt报表的图表链接一样,这里就不再赘述。