历史版本32 :单元格进度条插件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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