单元格进度条插件

1.1 版本

1.2 应用场景

报表设计时为了便于分析数据，看到数据的趋势、瓶颈、进度等信息，往往希望单元格中以进度条的形式来表现数据或等级。如下图所示：

1.3 功能简介

用户可通过安装「单元格进度条」插件，将单元格中的数据转换为单元格进度条效果。数据格式支持：整数、小数、百分比、￥** 格式。

注：用户也可以通过借助 HTML 来显示进度条样式，详情参见：图形化显示数据（进度条/等级）

2.1 插件安装

点击下载插件：单元格进度条

设计器插件安装方法请参见：设计器插件管理

服务器安装插件方法请参见：服务器插件管理

2.2 操作方法

安装插件后，选中某个单元格，在右侧属性面板选择「单元格属性>形态>进度条」。用户可设置进度条的属性，如下图所示：

用户也可在条件属性设置中选择「形态>其他形态>进度条」，具体设置属性与单元格形态一致。如下图所示：

2.3 使用场景

1）移动端支持显示进度条形态。

2）模板存在「条件属性」时：

• PC 端不支持「分页预览」下显示进度条形态，只支持「填报预览」和「数据分析预览」下显示进度条形态。

• 移动端不支持「分页预览」和「数据分析预览」下显示进度条形态，只支持「填报预览」下显示进度条形态。

3）单元格内容为公式时：

• 不勾选「填报/分析时保留公式用于计算」，支持显示单元格进度条。
  

• 勾选「填报/分析时保留公式用于计算」，只支持「分页预览」下显示进度条形态。

4）打印导出时，除导出 Excel ，其他均支持打印导出进度条形态。

5） FVS 表格组件以及决策报表报表块支持使用「单元格属性」显示进度条形态，不支持使用「条件属性」显示进度条形态。

6）使用定时调度推送时，不支持使用单元格进度条插件。

7）新计算引擎下不支持使用单元格进度条插件。

用户可设置进度条的各项属性：「颜色、填充、底色、粗细、圆角、方向、最大数值、隐藏数据、处理负数」。

3.1 颜色

用户可选择进度条填充的颜色。设计器默认为「蓝色」，如下图所示：

3.2 填充

用户可选择进度条填充的效果：「渐变色」和「实心填充」。设计器默认为「实心填充」，如下图所示：

3.3 底色

用户可选择进度条底部背景颜色，设计器默认为「灰色」，如下图所示：

3.4 粗细

用户可设置进度条的宽度，设计器默认为「0」，可设置大于 0 的任意值。如下图所示：

3.5 圆角

用户可设置单元格的圆角尺寸，设计器默认为「0」，可设置大于 0 的任意值。如下图所示：

3.6 方向

用户可选择进度条的展示方向：「从左到右」和「从右到左」，设计器默认为「从左到右」。如下图所示：

3.7 最大数值

用户可设置进度条填充满所对应的数值。

1）默认：根据扩展出来的数据最大值来确定最长的进度条。

2）自定义：根据用户自定义的数值来确定最长进度条，支持输入整型、双精度型、公式。

例如：单元格扩展数据为销售额 20-120 万元

若选择最大数值为「默认」，则按照最大销售额 120 万元为最长进度条填满。

若选择最大数值为「自定义」 80 万元，则超过 80 万元的数据的进度条均填满。如下图所示：

注：若单元格为非扩展数据，必须指定最大值，否则所有进度条长度相同。

最大数值	差别	示意图
默认	仅最大值进度条填满
自定义	超过自定义值的进度条均填满

3.8 隐藏数据

用户可选择是否显示进度条对应的数据。

1）默认不勾选「隐藏数据」，即显示进度条和数据。

2）勾选「隐藏数据」，即预览模板时，只加载进度条，不显示单元格数据。

如下图所示：

3.9 处理负数

用户可设置「忽略负数」或「自定义」负数显示方式。

3.9.1 忽略负数

选择「忽略负数」，则预览时，负数不显示进度条。如下图所示：

3.9.2 自定义负数

选择「自定义」时，用户可设置负数颜色、负数填充、最小负数、分隔线位置、分隔线颜色，如下图所示：

1）负数颜色：可设置负数单元格进度条的颜色，与「3.1 节」设置方式一致。

2）负数填充：可设置负数填充为「渐变色」或「实心填充」，与「3.2 节」设置方式一致。

3）最小负数：可设置最小负数值为「默认」或「自定义」，与「3.4 节」设置方式一致。

4）分隔线位置：用户可设置正负数分隔线的位置为「基于数值自动」或「单元格中间」。

• 基于数值自动：默认选择该项，此时，最小负数和最大正数的进度条都分别充满单元格；

• 单元格中间：分隔线始终保持在单元格正中间，进度条以「正、负数绝对值的最大值」充满整个单元格。其他单元格以最大值为基准计算进度条的长度比例。

如下图所示：

5）分隔线颜色：分隔线默认是「虚线」，颜色默认「黑色」。线型不可修改，用户可修改分隔线的颜色。如下图所示：

3.10 渲染模式

注：仅支持PC端的旧前端的普通报表，且单元格内嵌元素如字体上下角标等，暂不支持前端渲染。

渲染模式分为前端渲染和图片模式，其中前端渲染可选择「动态展开」，勾选后进度条在加载时会出现动画渐显效果。

图片模板和前端渲染模式的对比效果以及差异如下：

• 当模板存在大量进度条时，前端渲染模式下模板加载速度更快。

• 图片模式的进度条放大后会有锯齿状，但前端渲染模式下放大后无锯齿状。

• 图片模式的分隔线较粗，且间距较大，而前端渲染模式下分割线较细，间距较小

注：11.0.31 及之后版本，前端渲染模式适配移动端，仅支持 HTML5。

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.1 单元格背景色的影响

单元格背景色会对单元格中的进度条形态有影响，具体如下表所示：

5.2 浏览器背景色的影响

聚合报表中，如在菜单栏「模板>模板Web属性>浏览器背景>颜色」中设置了「浏览器背景色」，如下图所示：

那么进度条的背景色也会是浏览器的背景色，如下图所示：

5.3 折叠/展开按钮对进度条的影响

当单元格进度条所在行存在折叠/展开的层级关系时，进度条的最大值如果选择「默认」则以当前展示视图下的单元格所在层级下的最大值为标准。如下图所示：

若想避免此情况发生可以将「单元格属性>形态>进度条」中的「最大值」改为「自定义」即可，如下图所示：