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

目录:

1. 概述编辑

1.1 应用场景

大屏用于 PC 端展示使用时,常常需要图表能实现自动轮播或刷新,且可以联动其他组件也动态变化。

例如下图,当地图轮播显示地理位置时,右侧的指标卡和水球图也能显示对应地区的数据。

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

1.2 功能简介

具有轮播效果的几种扩展图表:轮播 GIS 点地图 、轮播三维组合地图 、轮播 KPI 指标卡 、轮播目录齿轮 、轮播夜光仪表盘 、水球图 、像素点图 可设置「特效>轮播联动」。

具体刷新效果的 粒子计数器 图表可设置「特效>刷新联动」。可设置图表轮播或刷新时触发联动效果。如下图所示:

Snag_2ab1431d.png

普通报表中联动对象可设置「联动单元格」或「联动悬浮元素」,决策报表中联动对象可设置「当前决策报表对象」。

支持设置被联动的对象是重新触发加载动画或是增量刷新。

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

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

Snag_2ab3ae7f.png

2. 示例编辑

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

2.1 数据准备

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

新建数据集 ds2,输入 SQL 查询语句:SELECT * FROM GisMap WHERE 区域名='${区域名}' ,并设置区域名参数的默认值为「南京市」 。

Snag_24dc5b36.png

2.2 报表设计

2.2.1 添加图表

向决策报表 body 中分别插入 轮播 GIS 点地图、轮播 KPI 指标卡-电子、水球图。如下图所示:

Snag_2abc6a75.png

2.2.2 绑定图表数据

地图要绑定 ds1 的数据,指标卡和水球图要绑定含有参数的 ds2 的数据,才可以实现地图轮播时,指标卡和水球图根据参数联动。

1)双击轮播 GIS 点地图,在右侧属性面板中绑定地图数据,如下图所示:

Snag_2abefe5f.png

2)双击轮播 KPI 指标,绑定指标卡数据如下图所示:

Snag_2ac04c99.png

3)双击水球图,绑定水球图的数据如下图所示:

Snag_24f093d9.png

2.2.3 设置图表样式

双击水球图,设置「样式>标题」为公式 =$区域名+"销售进度",让标题可以随地区动态展示。

Snag_24f1eaed.png

2.3 联动设置

双击轮播 GIS 点地图,在属性面板中点击「特效」,添加两个轮播联动对象。分别重命名为「联动指标卡」和「联动水球图」。

联动指标卡的表单对象为 chart1,联动动画为增量刷新,新增一个参数区域名,其值选择「区域名」,显示为 =AREANAME

Snag_2acd5823.png

联动指标卡的表单对象为 chart2,联动动画为增量刷新,新增一个参数区域名,其值选择「区域名」,显示为 =AREANAME

Snag_2ace8e03.png

2.4 效果预览

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

注:不支持移动端。

3. 模板下载编辑

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

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