1.概述编辑
1.1应用场景
当人们浏览包含地图图标的数据时,往往希望地图图表能动态的显示数据,这样能显得报表更加的科技化,此时就得使用到点地图监控刷新的功能,报表效果如下所示:
注:当图表数据无变化时,前端图表不会有刷新动效:除树型结构图表矩形树图、多层饼图、甘特图、框架图。
1.2 实现思路
1)新建决策报表,合并单元格,点击右上角单元格元素,在插入元素中选择插入图表>点地图,编辑数据源,再进行图表数据设置及特效中开启监控功能设置。
2. 示例编辑
2.1 模板设计
1)新建决策报表,合并A1单元格,点击右上角单元格元素>插入图表>地图(新特性),应用点地图,缩放中心点初始状态则为默认,如下图所示:
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
2.3图表数据设置
选中图表,在右侧选择数据,选择区域名匹配,“pid”字段作为区域名,字段名则为“新销售额”字段,如下图所示:
2.4 图表样式设置
选中图表,在右侧选择样式>系列,配色选择自定义-精确设置,标记点样式选择散点,设置如下:
2.5 图表特效设置
选中图表,点击特效>交互属性>监控刷新,时间间隔选择 5 秒,勾选自动数据提示,设置提示内容和持续时间,如下图:
按照需要可在图表属性表中进一步设置图表样式,例如标题和背景灯等。
2.6保存与预览
PC端预览:保存模板,点击分页预览即可看到如上图的效果。
移动端预览:支持移动端预览,效果如下所示:
3.模板下载编辑
已完成模板可参考 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\Map\自动刷新点地图.cpt
点击下载模板:自动刷新点地图.cpt