地图自动刷新

  • 文档创建者:jiangsr
  • 编辑次数:12次
  • 最近更新:枫城 于 2020-06-18
  • 1. 概述

    1.1 应用场景

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

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

    1.2 功能入口

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

    Snag_548cfa4.png

    2. 示例

    2.1 设计模板

    1)新建决策报表,合并A1单元格,点击右上角单元格元素>插入图表>地图(新特性),应用点地图,缩放中心点初始状态则为默认,如下图所示:

    1592209545136599.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 端

    保存模板,点击分页预览,预览效果如下所示:

    2)移动端

    90824598-AFB3-4A10-A7B5-74EF7D07A1F9.GIF

    3. 模板下载

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

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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!