粒子計數器

1.1 應用場景

粒子計數器為企業戰情室中常用的一種展示資料動態變化的圖表類型，隨着時間資料重新整理，對應的數字效果也有動態效果。效果如下圖所示：

1.2 功能介紹

• 支援資料動態重新整理，資料可實時更新。

• 支援調整圖形和背景的樣式。

• 支援自訂重新整理間隔和圖表聯動。

1.3 插件安裝

點選下載插件：擴展圖表插件

設計器插件安裝方法參照：設計器插件管理

伺服器安裝插件方法參照：伺服器插件管理

注1：插件為收費插件，插件商店可使用試用版本。

注2：如果想使用擴展圖表，需要在 FineReprt 的 License 註冊中購買對應的功能。

注3：插件上提示免費，是因為目前不支援在插件商城購買，只支援直接在正式授權檔案裏給該插件授權。

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

注：由於數字 0 在粒子圖展示時不顯示，故用 case 轉化為正文型。

2.2 報表設計

建立普通報表，合併一片區域儲存格，點選插入圖錶快捷按鈕，選中粒子計數器，如下圖所示：

2.3 資料設定

選中 圖表，點選編輯，綁定圖表資料，如下圖所示：

• 標題：自訂設定，僅支援正文設定，不支援公式。

• 計數值：需要動態展示的資料。

注：計數值值格式支援字串，如：“10億”。

2.4 樣式設定

1）圖形

圖形設定項下可以設定粒子計數器的主題色，主題色分為兩種，預設設定為藍色和紫色。如下圖所示：

2）背景

設定粒子計數器的背景色，如下圖所示：

2.5 播放設定

播放設定項下可以設定資料重新整理時間，預設且最小為 6 秒，如下圖所示：

輪播聯動設定請參考文檔：地圖輪播聯動

2.6 預覽範本

儲存範本，選擇「分頁預覽」，實現效果如中下圖所示：

注：不支援行動端。

點選下載範本：粒子計數器.cpt   

4.1 粒子計數器預覽空白

問題描述

當範本中粒子計數器較多時，預覽範本，隨機出現圖表顯示空白的現象。

原因分析

可能是瀏覽器 WebGL 上下文丟失導致渲染失效。Chrome 瀏覽器預設 max active webgl contexts:16 。

解決方案

配置 Chrome 的啟動參數，更改預設值 --args  --max-active-webgl-contexts=32（32 代表最多展示的 webgl context 的數量，可以根據需要修改） ，重啟瀏覽器。

可透過瀏覽器開啟 html 檔案 test-max-active-webgl-context.zip 驗證是否修改成功。