轮播KPI指标卡

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

    附件列表


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