轮播KPI指标卡

1.1 应用场景

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

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

1）轮播 KPI 指标卡—电子

2）轮播 KPI 指标卡—闪烁

1.2 功能介绍

• 指标值仅支持数值类型数据。
  

• 支持数据动态轮播，支持图表刷新，设置方法参见文档：扩展图表组件刷新 。

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

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

注：闪烁卡和电子卡均只能在网页刷新时有闪烁动态效果，暂不支持无限制轮播

1.3 插件安装

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

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

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

2.1 数据准备

1）新建普通报表，新建数据集 ds1，数据库查询语句为：SELECT * FROM 销量

2）新建内置数据集 Embedded1，如下图所示：

2.2 报表设计

1）A3 单元格插入「轮播KPI指标卡-电子」，F3 单元格插入「轮播KPI指标卡-闪烁」。

2）选中 A3 单元格，绑定图表数据，如下图所示：

注：指标值仅支持数值类型数据。

3）选中 A3 单元格，设置图表样式，如下图所示：

4）选中 F3 单元格，绑定图表数据，如下图所示：

2.3 效果预览

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

注：不支持移动端。

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

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