[老]图表联动

编辑
文档创建者:文档助手1 (67727 )     浏览次数:6706次     编辑次数:6次     最近更新:Holly 于 2016-11-08     

目录:

1. 问题描述编辑

图表联动:单个模板的图表超链功能,可让用户在同一页面中查看多张关联的图表,实现图表联动的效果,这种联动是自动的,不需重新刷新整个页面,如下图:
222

222

2. 示例编辑

以下就以上图效果为例,说明制作过程。该模板左上方为主图表,右侧与下方分别为单元格图表和悬浮图表,会跟着主图表选择分类的不同而变化。
2.1 数据集设计
新建工作簿,添加数据集ds1,SQL语句为:SELECT * FROM Sales_Car
添加数据集ds2,SQL语句为:SELECT * FROM Sales_Car where month ='${month}',给参数month设置默认值为1月。
注:这边参数的值将从图表链接处传过来。
2.2 图表设计
主图表设计
选中一边区域单元格,合并单元格。在菜单栏中,选择插入>单元格元素>插入图表,图表类型选择柱形图,使用数据集数据,设置如下图:
单元格子图表设计
再选中一片区域,合并单元格。在菜单栏中,选择插入>单元格元素>插入图表,图表类型选择折线图,图表数据来源于数据集数据,数据集为ds2,分类轴为Province,系列名使用字段值,系列名称为Month,系列值为Amout,汇总方式为求和,如下图:
悬浮元素子图表设计
在菜单栏中,选择菜单>悬浮元素>插入图表,选择面积图,图表的数据与单元格子图表设计相同。右击该悬浮图表,点击设置悬浮元素名称修改名称为FloatChart。
2.3 图表联动设置
添加单元格联动图表
选中主图表,选择图表属性设置-特效>交互属性,点击超级链接,添加一个图表超链-联动单元格,选择图表所在单元格,并传递参数month,参数值选择分类名:
222
添加悬浮联动图表
在添加一个图表超链-联动悬浮元素,选择悬浮图表FloatChart,同样添加参数month,参数值为分类名。
222
2.4 效果展示
模板效果在线查看请点击RelateChart.cpt
点击分页预览即可查看效果,具体模板可参考:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\RelateChart.cpt
注:7.0.4之前的版本在IE9以下的浏览器下不支持图表联动,需要安装chrome frame插件,才可以在IE9以下的版本上运行图表联动的模板,7.0.4以及之后版本均支持IE6/7/8下的图表联动。

3. chrome frame的安装编辑

从网上下载chrome frame插件,按照安装步骤都安装之后,直接用ie9以下的ie版本打开模板,一般来说,是可以直接用了的,如果仍然不能使用图表联动,则点击http://www.google.com/chromeframe?quickenable=true,激活插件,即可正常使用IE9以下版本的ie实现图表联动。

附件列表


主题: 图表应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: