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

目录:

1. 概述编辑

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

支持图表刷新,设置方法参见文档:扩展图表组件刷新

效果如下图所示:

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

2. 示例编辑

2.1 数据准备

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

Snag_24db0b66.png

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

Snag_24dc5b36.png

2.2 报表设计

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

Snag_24e81e91.png

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

Snag_24efe9af.png

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

Snag_24ee7ffd.png

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

Snag_24f093d9.png

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

Snag_24f1eaed.png

2.3 联动设置

1)轮播 GIS 点地图右下方属性面板播放新增一个联动,重命名为联动指标卡,设置表单对象为chart1,联动动画为增量刷新,新增一个参数区域名,其值为公式AREANAME

注1:联动动画中重新加载是指图表组件整体重新加载。

注2:联动动画中增量刷新是指图表动画消失到出现。

Snag_24e5ff3b.png

2)轮播 GIS 点地图右下方属性面板播放新增一个联动,重命名为联动水球图,设置表单对象为chart2,联动动画为增量刷新,新增一个参数区域名,其值为公式AREANAME

Snag_24eb15e7.png

2.4 效果预览

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

注:不支持移动端预览。

3. 模板下载编辑

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

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