反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

粒子计数器

1. 概述

1.1 应用场景

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

2E3ACF6D-0966-4422-91FF-53B899E93F7E.GIF

1.2 功能介绍

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

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

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

1.3 插件安装

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

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

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

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

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

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

2. 示例

2.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 转化为文本型。

2.2 报表设计

新建普通报表,合并一片区域单元格,点击插入图表快捷按钮,选中粒子计数器,如下图所示:

1591169312706108.png

2.3 数据设置

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

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

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

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

1587274654322697.png

2.4 样式设置

1)图形

图形设置项下可以设置粒子计数器的主题色,主题色分为两种,默认设置为蓝色紫色。如下图所示:

image.png

2)背景

设置粒子计数器的背景色,如下图所示:

image.png

2.5 播放设置

播放设置项下可以设置数据刷新时间,默认且最小为 6 秒,如下图所示:

轮播联动设置请参考文档:地图轮播联动

Snag_dc25047.png

2.6 预览模板

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

注:不支持移动端。

3. 已完成模板

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

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

附件列表


主題: 原简体文档
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉