1. 概述

1.1 预期效果

点击按钮可以刷新普通报表或决策报表中的图表，以普通报表为例，效果如下图所示：

1.2 实现思路

通过FR.Chart.WebUtils.getChart("chartID").dataRefresh()获取要刷新的图表对象，其中chartID为图表块名称。

注1：该接口不支持扩展图表。

注2：该接口支持移动端，但移动端决策报表的报表块内图表不支持调用该接口。

2. 示例

2.1 准备数据

新建普通报表，新建数据集 ds1，SQL 语句为：SELECT * FROM 销量 limit ${ int (RAND()*40) }

注：int (RAND()*40)表示随机生成大于等于 0 小于 40 的整数，刷新时可动态改变数据量。

2.2 设计表格

A1 单元格添加按钮控件，命名为点击刷新。A3 单元格插入柱形图，如下图所示：

2.3 绑定图表数据

选中 A3 单元格，绑定柱形图数据，如下图所示：

2.4 设置刷新事件

选中 A1 单元格，右边属性面板选择控件设置>事件，添加一个点击事件，如下图所示：

JavaScript 代码如下：

var chartWrapper1 = FR.Chart.WebUtils.getChart("A3");

chartWrapper1.dataRefresh();

2.5 效果预览

2.5.1 PC 端

保存报表，点击数据分析预览，效果如下图所示：

2.5.2 移动端

总结

帆软FineReport类EXCEL操作界面，专注解决中国式复杂报表支持，导入现有Excel表样制作帆软数据分析报表与设计，支持保留绝大部分原有表公式支持多源数据关联，轻松解决分页、分栏、分组设置进行数据可视化分析

FineReport数据分析教程- 图表刷新接口相关推荐

帆软HTML5 APP,FineReport较HTML5图表软件的优势
html5的优点诸多,网络标准公开.可以跨平台使用.自适应网页设计.支持即时更新,可以认为html5就是未来的趋势.用于html5图表的开发工具很多,各种工具之间也不容易作比较,故而笔者罗列一下各ht ...
chart.js 图表刷新_Chart.js的花式，响应式图表
chart.js 图表刷新 Data is all around us. While search engines and other applications work most optimally ...
python炒股教程_Python股市数据分析教程学会它,或可以实现半“智能”炒股
原标题:Python股市数据分析教程学会它,或可以实现半"智能"炒股译者 | 阿里云云栖社区摘要: 在本篇文章中,我们讨论了均线交叉策略的设计.回溯检验.基准测试以及实践中可 ...
Haskell的数据分析教程 | Lynda教程中文字幕
Haskell的数据分析教程 | Lynda教程中文字幕 Learning Haskell for Data Analysis 课程ID: 604234 时长: 3.3小时所属类别:Haskell ...
1行代码实现Python数据分析：图表美观清晰，自带对比功能丨开源
公众号关注 "视学算法" 设为 "星标",DLCV消息即可送达! 萧箫发自凹非寺转自 | 量子位你是否也在朋友圈看过这样的小广告: 「你要悄悄学Pyth ...
python 数据比对函数_1行代码实现Python数据分析：图表美观清晰，自带对比功能丨开源...
原标题:1行代码实现Python数据分析:图表美观清晰,自带对比功能丨开源
python数据分析图表展示_1行代码实现Python数据分析：图表美观清晰，自带对比功能丨开源...
公众号关注 "视学算法" 设为 "星标",DLCV消息即可送达! 萧箫发自凹非寺转自 | 量子位你是否也在朋友圈看过这样的小广告: 「你要悄悄学Pyth ...
微机计算机硬件技术实用教程知识点,微机接口技术实用教程1.ppt
微机接口技术实用教程1 微机接口技术实用教程第1章微型计算机接口技术基础第1章微型计算机接口技术基础 1.1 接口技术概述输入/输出(Input/Output,I/O)是计算机与外部世界交换 ...
48种数据分析可视化图表
可视化对于数据分析师来说可能不是最重要的,重要的是你分析或挖掘出来的结果是否有效.在这基础之上就需要通过可视化恰当完整的表达见解.这里又有区别了:实用性和美观性哪个更重要?要我说实用性是第一位的,能用 ...

FineReport数据分析教程- 图表刷新接口