历史版本1 :图表刷新接口 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1.描述编辑
点击报表块或者表单中的某个按钮，触发某个图表的刷新事件，图表重新取数。
以Tab块下图表刷新为例，实现效果如下图：
2.实现方法编辑
开放接口，用户可以通过js触发图表本身的刷新。
通过FR.Chart.WebUtils.getChart("name").dataRefresh()在表单中刷新图表对象，其中“name”为图表块控件名。
3.示例编辑
3.1 制作模板
新建决策报表，添加Sql数据集：SELECT 销售员|| ${ int (RAND()*8)} as 销售员,销量 FROM 销量
将Tab块拖入到报表中，添加2个Tab块并修改其标题，如下图：
在第一个Tab块中拖入相应的报表块及图表，这里就不详细介绍了如下图：
第二个Tab块中也拖入相应的报表块及图表，如下图：
3.2 设置图表刷新
选中Tab0控件，添加点击事件，如下：
JS代码如下：
var chartWrapper = FR.Chart.WebUtils.getChart("chart0");
chartWrapper.dataRefresh();
var chartWrapper1 = FR.Chart.WebUtils.getChart("A1");
chartWrapper1.dataRefresh();
var chartWrapper2 = FR.Chart.WebUtils.getChart("A18");
chartWrapper2.dataRefresh([1]);
同理，选中Tab1控件，添加点击事件，如下：
JS代码如下：
var chartWrapper = FR.Chart.WebUtils.getChart("chart1");
chartWrapper.dataRefresh();
4.保存预览编辑
保存模板，点击预览，即可看到如上图所示效果。
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\Chart\Tab块下图表刷新.frm