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

目录:

1. 描述编辑

在报表中,为了便于分析数据,看到数据的趋势与瓶颈,往往希望单元格中显示进度条之类的形态来表示数据或等级。

现在需要借助html来显示进度条样式,比较麻烦,详细可查看图形化显示数据(进度条/等级)

现在我们提供单元格进度条插件,可以更加方便。

2. 操作步骤编辑

2.1 安装插件

设计器插件安装方法参照插件的安装管理

服务器安装插件方法参照服务器上安装插件

2.2 插件介绍

安装插件后,单元格增加新形态——进度条,如下图:
222

选中进度条后,加载设置项,如下图:

222

(1)颜色

下拉框选择颜色,也可以通过取色器取色,点击【更多颜色】弹出颜色面板,如下图:

222

(2)进度条填充:渐变色或实心填充,单选下拉框。默认渐变色。

(3)进度条方向:从左到右&从右到左,单选下拉框。此设置指进度条在单元格中的展示方向,默认从左到右。示意效果如下图。



(4)最大数值:提供两个选项,默认&自定义。

初始设置是默认,代表系统自动根据扩展出来的数据最大值来确定最长进度条。

选择自定义时,在下方加载一个输入框,根据用户输入的数值来确定最长进度条。输入框要求支持公式,选择公式时弹出公式编辑框。


用户场景描述:单元格字段是销售目标,公司预计的目标额是100。

在默认情况下,只有销售额最大值所在单元格会进度条充满,其他格子都不填满的。

当自定义数值为100时,只要大于等于100的格子进度条都充满。


(5)隐藏数据:勾选框,默认不勾选。勾选即表示在前端展现时,只加载进度条,不显示单元格数据。


(5)负数处理:下拉框,提供两个选项:忽略负数&自定义。选择‘忽略负数’时,负数不显示进度条。选择自定义时,在下方新加载如下设置项:


————负数颜色:下拉框,与前述颜色选择功能一致。

————负数填充:下拉框,和前述填充功能一致。

————最小负数:下拉框,和前最大数值功能一致。

————分隔线位置:下拉框,提供两个选项(基于数值自动、单元格中间),默认是基于数值自动,此种情况下,最小负数和最大正数的进度条都分别充满单元格;

选择单元格中间,则分隔线始终保持在单元格中间,此种情况下,进度条以正、负数绝对值的最大值为基准来充满整个单元格。其他单元格以最大值为基准计算进度条的长度比例。

————分隔线颜色:下拉框,与前述颜色选择功能一致。分隔线默认是虚线,颜色默认黑色。

应用示例:正负数的设置效果示意图如下。


3、进度条显示规则

(1)仅限数字和百分比生效。用户自定义最大或最小值时,只能书写数字、百分比。如果字段内容是数字,但用户自定义输入的是百分比值,则按照百分比对应的小数执行。反之亦然。

(2)负数进度条,始终和正数方向相反。

(3)进度条高度默认占单元格高度的90%,上下各空出5%

三、其他说明

1、支持条件属性(20161230补充:条件属性默认是在分页前计算,所以调用形态后,不支持分页预览,只支持填报和分析预览。)

2、支持打印导出(20161230补充:暂时不支持导出Excel,其他支持)

3、frm及自适应(20160110补充:进度条在frm报表块中使用时要借助自适应插件)

4、注意考量性能问题

5、示意图中是文字左对齐,但我们其他属性设置中都是以冒号对齐。这里实际开发的时候注意下,也统一以冒号对齐。