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

單元格進度條插件

1. 概述

1.1 版本

報表服務器版本JAR 包版本 單元格進度條插件版本 App 版本HTML5 移動端展現插件新增功能
10.0&9.0&8.02020-04-26之前V1.4.4---
10.02020-04-26及以後V1.4.7
---
10.02020-04-26及以後V1.5.0
V10.4.90
V10.4.90

新增屬性:底色、粗細、圓角

新增支持移動端

新增支持單元格純色背景

1.2 應用場景

報表設計時爲了便於分析數據,看到數據的趨勢、瓶頸、進度等信息,往往希望單元格中以進度條的形式來表現數據或等級。

如下圖所示:

image.png

1.3 功能描述

用戶可通過「單元格進度條插件」,将單元格中的數據轉換爲單元格進度條效果。數據格式支持:整數小數百分比¥**格式。

注:用戶也可以通過借助 HTML 來顯示進度條樣式,詳情參見:圖形化顯示數據(進度條/等級)

2. 插件簡介

2.1 插件安裝

點擊下載插件:單元格進度條

設計器插件安裝方法請參見:設計器插件管理

服務器安裝插件方法請參見:服務器插件管理

2.2 操作方法

安裝插件後,選中某個單元格,在右側屬性面板選擇單元格屬性>形态>進度條。用戶可設置進度條的屬性,如下圖所示:

2020-09-04_14-35-35.png

用戶也可在條件屬性設置中選擇形态>其他形态>進度條,具體設置屬性與單元格形态一緻。如下圖所示:

2020-09-04_16-16-04.png

2.3 功能支持

1)移動端支持顯示進度條形态。

2)模板存在「條件屬性」時:

  • PC端不支持「分頁預覽」,只支持「填報預覽」和「分析預覽」下顯示進度條形态。

  • 移動端不支持「分頁預覽」和「分析預覽」,只支持「填報預覽」下顯示進度條形态。

3)單元格内容爲公式時:

  • 不勾選「填報/分析時保留公式用於計算」,支持顯示單元格進度條。

  • 勾選「填報/分析時保留公式用於計算」,只支持分頁預覽下顯示進度條形态。

4)打印導出時,除導出 Excel ,其他均支持打印導出進度條形态。

5)決策報表下開啓自适應,報表塊支持使用「單元格屬性」顯示進度條形态,不支持使用「條件屬性」。

3. 屬性簡介

用戶可設置進度條的各項屬性:「顔色、填充、底色、粗細、圓角、方向、最大數值、隐藏數據、處理負數」。

3.1 顔色

用戶可選擇進度條填充的顔色。默認爲「藍色」,如下圖所示:

image.png

3.2 填充

用戶可選擇進度條填充的效果:「漸變色」和「實心填充」。默認爲「實心填充」,如下圖所示:

2020-09-04_15-38-35.png

3.3 底色

用戶可選擇進度條底部背景顔色,默認爲「灰色」,如下圖所示:

image.png

3.4 粗細

用戶可設置進度條的寬度,默認爲「0」,可設置大於 0 的任意值。如下圖所示:

image.png

3.5 圓角

用戶可設置單元格的圓角尺寸,默認爲「0」,可設置大於 0 的任意值。如下圖所示:

image.png

3.6 方向

用戶可選擇進度條的展示方向:「從左到右」和「從右到左」,默認爲「從左到右」。如下圖所示:

2020-09-04_15-47-12.png

3.7 最大數值

用戶可設置進度條填充滿所對應的數值。

1)默認:根據擴展出來的數據最大值來确定最長的進度條。

2)自定義:根據用戶自定義的數值來确定最長進度條,支持輸入整型雙精度型公式

例如:單元格字段爲銷售額 20-120 萬元

若選擇最大數值爲「默認」,則按照最大銷售額 120 萬元爲最長進度條填滿。

若選擇最大數值爲「自定義」 80 萬元,則超過 80 萬元的數據的進度條均填滿。

如下圖所示:

最大數值差别示意圖
默認僅最大值進度條填滿1599205919287510.png
自定義超過自定義值的進度條均填滿1599205950138221.png

3.8 隐藏數據

用戶可選擇是否顯示進度條對應的數據。

1)默認不勾選「隐藏數據」,即顯示進度條和數據。

2)勾選「隐藏數據」,即預覽模板時,只加載進度條,不顯示單元格數據。

如下圖所示:

image.png

3.9 處理負數

用戶可設置「忽略負數」或「自定義」負數顯示方式。

3.9.1 忽略負數

選擇「忽略負數」,則預覽時,負數不顯示進度條。如下圖所示:

2020-09-04_15-55-58.png

3.9.2 自定義負數

選擇「自定義」時,用戶可設置負數顔色負數填充最小負數分隔線位置分隔線顔色,如下圖所示:

image.png

1)負數顔色:可設置負數單元格進度條的顔色,與「3.1 節」設置方式一緻。

2)負數填充:可設置負數填充爲「漸變色」或「實心填充」,與「3.2 節」設置方式一緻。

3)最小負數:可設置最小負數值爲「默認」或「自定義」,與「3.4 節」設置方式一緻。

4)分隔線位置:用戶可設置正負數分隔線的位置爲「基於數值自動」或「單元格中間」。

  • 基於數值自動:默認選擇該項,此時,最小負數和最大正數的進度條都分别充滿單元格;

  • 單元格中間:分隔線始終保持在單元格正中間,進度條以「正、負數絕對值的最大值」充滿整個單元格。其他單元格以最大值爲基準計算進度條的長度比例。

如下圖所示:

image.png

5)分隔線顔色:分隔線默認是「虛線」,顔色默認「黑色」。線型不可修改,用戶可修改分隔線的顔色。如下圖所示:

image.png

4 模板下載

4.1 顔色

點擊下載模板:單元格進度條插件-顔色.cpt

4.2 填充

點擊下載模板:單元格進度條插件-填充.cpt

4.3 底色

點擊下載模板:單元格進度條插件-底色.cpt

4.4 粗細

點擊下載模板:單元格進度條插件-粗細.cpt

4.5 圓角

點擊下載模板:單元格進度條插件-圓角.cpt

4.6 方向

點擊下載模板:單元格進度條插件-方向.cpt

4.7 最大數值

點擊下載模板:單元格進度條插件-最大值.cpt

4.8 隐藏數據

點擊下載模板:單元格進度條插件-隐藏數據.cpt

4.9 處理負數

4.9.1 忽略負數

點擊下載模板:單元格進度條插件-處理負數-忽略負數.cpt

4.9.2 自定義負數

點擊下載模板:單元格進度條插件-處理負數-自定義負數.cpt

5. 注意事項

5.1 單元格背景色的影響

單元格背景色會對單元格中的進度條形态有影響,具體如下表所示:

單元格進度條插件版本
單元格背景結果
V1.5.0 之前任意背景不顯示進度條
V1.5.0 及之後顔色背景顯示進度條
非顔色背景,例如紋理、圖案、漸變色、圖片等不顯示進度條

5.2 浏覽器背景色的影響

聚合報表中,如在菜單欄模板>模板Web屬性>浏覽器背景>顔色中設置了「浏覽器背景色」,如下圖所示:

3.png

那麽進度條的背景色也會是浏覽器的背景色,如下圖所示:

Snag_384b4cb9.png

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

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

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

不再提示

9s後關閉

反饋已提交

網絡繁忙