历史版本9 :粒子计数器 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

粒子计数器为大屏中常用的一种展示数据动态变化的图表类型,随着时间数据刷新,对应的数字效果也有动态效果。实现效果如下:

0492607D-9AB8-443F-84EA-67D525EAF192.GIF

1.2 功能介绍

  • 支持数据动态刷新,数据可实时更新。

  • 支持调整图形和背景的样式。

  • 支持自定义刷新间隔和图表联动。

2 插件安装

点击下载插件:扩展图表插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

注:插件为收费插件,插件商店可使用试用版本 

注:如果想使用扩展图表,需要在 FineReprt 的 License 注册中购买对应的功能。

插件上提示免费,是因为目前不支持在插件商城购买,只支持直接在正式授权文件里给该插件授权。


3. 示例编辑

3.1数据准备

1)新建普通报表,新建数据集 ds1,数据库查询语句为:

select case when 新销量=0 then '0' else 新销量 end as 新销量,产品,销售员 from (select ${int (RAND()*3)} as 新销量,产品,销售员 FROM 销量)b 

group by 产品,销售员 limit 1

数据源界面如下所示:

image.png

注:由于数字0在粒子图展示时不显示,故用case转化为文本型


3.2 报表设计

新建普通报表,合并单元格,选择插入>单元格元素>插入图表>扩展图表—指标卡类,选中粒子计数器,如下所示:

222

3.3 数据设置

选中 图表,点击编辑,绑定图表数据,如下图所示:

标题:自定义设置,仅支持文本设置,不支持公式。

计数值:需要动态展示的数据。

刷新间隔:每隔多少秒进行粒子刷新,默认为 6s。

注:计数值值格式支持字符串,如:“10亿”。

注:刷新间隔时间最小设置为 6s。

image.png

3.4 样式设置

3.4.1 粒子分布颜色设置,分为两种主题色,默认设置为蓝色紫色。如下所示

image.png

3.4.2 设置背景色,如下所示

image.png

3.5 播放设置

轮播联动设置请参考地图轮播联动

3.6 预览模板

保存模板,选择分页预览,实现效果如描述应用场景所示。


4. 已完成模板编辑

已完成模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\粒子计数器.cpt

点击下载模板:粒子计数器.cpt