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

輪播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

附件列表


主題: 原簡體文檔
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

10s後關閉

反饋已提交

網絡繁忙