历史版本11 :轮播KPI指标卡 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

当您只有一两项重要数据需要展示时,指标卡是绝佳的沟通方式。

扩展图表插件提供的轮播 KPI 指标卡分为电子和闪烁两种,效果分别如下图所示:

1)轮播 KPI 指标卡—电子

0665B7FE-BC0E-421B-9349-44A71EFD5AE8.GIF

2)轮播 KPI 指标卡—闪烁

21B4887C-4B19-4C3D-90F8-B70951F9B197.GIF

1.2 功能介绍

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

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

  • 支持自定义轮播间隔和图表联动。

1.3 插件安装

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

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

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

2. 示例编辑

2.1 数据准备

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

1585554192794416.png

2)新建内置数据集 Embedded1,如下图所示:

1585554314558530.png

2.2 报表设计

1)A3 单元格插入轮播KPI指标卡-电子,F3 单元格插入轮播KPI指标卡-闪烁

Snag_14eb8c24.png

2)选中 A3 单元格,绑定图表数据,如下图所示:

Snag_14f4cfc8.png

3)选中 A3 单元格,设置图表样式,如下图所示:

Snag_14f6e6b2.png

4)选中 F3 单元格,绑定图表数据,如下图所示:

Snag_14f99ae5.png

2.3 效果预览

保存报表,点击分页预览,效果如应用场景中所示。

注:不支持移动端。

3. 模板下载编辑

已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\轮播KPI指标卡.cpt

点击下载模板:轮播KPI指标卡.cpt