輪播像素點圖

1.1 版本說明

1.2 應用場景

擴展圖表插件 4.3 版本儀表盤類新增一種子類型：輪播像素點圖。

該圖表適用於企業戰情室場景，可用於輪播展示多個百分比資料，也可以用於實時監測百分比資料變化，例如實時監視 cpu 和記憶體運作佔比。效果如下圖所示：

1.3 功能介紹

• 支援資料輪播和定時重新整理。

• 圖表樣式支援設定標題、標籤、圖形、背景。

• 支援自訂輪播間隔，下限值為 4 秒。

• 支援顯示負數百分比，但沒有高亮的像素圖形。
  

• 支援圖表聯動和組件重新整理，詳細介紹參見文檔：擴展圖表組件重新整理。
  

1.4 插件安裝

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

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

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

1.5 圖表入口

圖表類型的擴展圖表-儀表盤類下新增像素點圖，可選擇插入到報表中。

2.1 資料

百分比的計算邏輯：指標值/目標值，目標值也可以設定為自動，自動時預設給一個目標值參與運算。

2.2 樣式

樣式主要說下圖形的設定，此處可以自訂像素點的表現形式。

2.2.1 區間配置

此處用於設定像素點的顏色，不同百分比區間內像素點顏色不同。

• 自動：系統預設區間配置，分為 3 段，配置如下圖所示：

• 自訂：使用者可以自己分段，最多可設定 30段，需要自訂每段的左右區間和顏色，如下圖所示：

2.2.2 樣式

此處可設定像素點個數和間隔。

• 單行點個數：一行有多少個像素點，不支援手動輸入，只能下拉選擇。

• 像素點填充：設定像素點填充組件的效果。

• 點間隔：像素點之間的距離大小，支援手動輸入。

當像素點填充為單向填充時，像素點比例不變，會根據組件寬高，選擇某一方向填充滿，效果如下圖所示：

當像素點填充為雙向填充時，像素點會橫縱向全部填充滿組件，效果如下圖所示：

2.2.3 動畫

像素點載入的動畫效果，共有 2 種，效果分別如下：

• 順序

• 亂序
  

2.3 特效

特效處可設定定時重新整理、輪播間隔、輪播聯動，如下圖所示：

3.1 準備資料

建立普通報表，建立內建資料集，此處為模擬記憶體實時變化，設定了 3 筆資料，實際場景中使用者可開啟定時重新整理來監視，如下圖所示：

3.2 插入圖表

合併一片區域儲存格，插入輪播像素點圖，如下圖所示：

3.3 綁定資料

綁定圖表資料，配置如下圖所示：

3.4 配置區間

自訂區間和對應的像素點顏色，像素點填充方式選擇單向填充，如下圖所示：

3.5 效果預覽

儲存報表，點選分頁預覽，效果如下圖所示：

注：擴展圖表不支援行動端。

點選下載範本：轮播像素点图.cpt