历史版本15 :地图自动刷新 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

FineReport 支持监控刷新功能,如果后台数据动态变化,前端数据可以实时更新,以点地图为例,效果如下图所示:

793DA136-4627-411E-B76A-95C48C094A50.GIF

注:当图表数据无变化时,前端图表不会有刷新动效:除树型结构图表矩形树图、多层饼图、甘特图、框架图。

1.2 功能入口

图表属性面板选择特效>交互属性,可在监控刷新设置项下开启后台检测功能,默认关闭,如下图所示:

Snag_548cfa4.png

2. 示例编辑

2.1 设计模板

1)新建决策报表,合并A1单元格,点击右上角单元格元素>插入图表>地图(新特性),应用点地图,如下图所示:

Snag_1b719b9a.png

2.2 准备数据

新建普通报表,添加数据集 ds1,SQL 语句为:

SELECT pid,销售额,${int(RAND()*100000)}+销售额 as 新销售额 FROM 地图 where pid is not null and pid not in('天津市') order by random() limit 5

Snag_54c223a.png

2.3 设置图表数据

选中图表,右侧属性面板选择数据,如下图绑定点地图数据:

222

2.4 设置图表样式

选中图表,在右侧选择样式>系列,配色选择自定义-精确设置,标记点样式选择散点,如下图所示:

222

2.5 设置图表特效

选中图表,点击特效>交互属性>监控刷新,时间间隔选择 5 秒,勾选自动数据提示,设置内容和持续时间,如下图所示:

image.png

2.6 效果预览

1)PC 端

保存模板,点击分页预览,预览效果如 1.1 节所示。

2)移动端

1EFA7B18-2793-43F7-AAF4-3C04E57B3015.GIF

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\Map\自动刷新点地图.cpt

点击下载模板:自动刷新点地图.cpt