粒子计数器

  • 文档创建者:jiangsr
  • 编辑次数:15次
  • 最近更新:Leo.Tsai 于 2020-07-08
  • 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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!