历史版本6 :扩展图表轮播联动 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

本文以轮播 GIS 点地图联动轮播 KPI 指标卡和水球图为例,说明扩展图表-地图类的轮播联动设置。

效果如下图所示:

5D91DF41-759D-49E4-A2E7-296E5FF80807.GIF

2. 示例编辑

2.1 数据准备

新建一张决策报表,新建数据集 ds1,写入数据库查询语句:SELECT * FROM GisMap

Snag_24db0b66.png

GisMap的表结构如下图所示:

Snag_296f2216.png

新建数据集 ds2,写入数据库查询语句:SELECT * FROM GisMap WHERE 区域名='${区域名}'

Snag_24dc5b36.png

2.2 报表设计

1)决策报表设计主体中分别插入轮播 GIS 点地图轮播 KPI 指标卡水球图

Snag_24e81e91.png

2)点击轮播 GIS 点地图上方的编辑按钮,右下方属性面板绑定好地图数据。

Snag_24efe9af.png

播放联动设置:

联动动画分为重新加载、增量刷新,默认为增量刷新

  • 重新加载: 图表组件整体重新加载。

  • 增量刷新: 图表动画消失到出现。

联动轮播 KPI 指标卡设置如下图所示:

参数:区域名

值:=AREANAME

Snag_24e5ff3b.png

联动水球图设置如下图所示:

参数:区域名

值:=AREANAME

Snag_24eb15e7.png

3)点击轮播 KPI 指标卡上方的编辑按钮,右下方属性面板绑定指标卡数据。

Snag_24ee7ffd.png

4)点击水球图上方的编辑按钮,右下方属性面板绑定水球图的数据。

Snag_24f093d9.png

设置水球图标题为:=$区域名+"销售进度",让标题可以随地区动态展示。

Snag_24f1eaed.png

2.3 预览效果

保存模板,点击表单预览,效果如概述中所示。

注:不支持移动端预览。

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\地图轮播联动.frm

点击下载模板:地图轮播联动.frm