单元格进度条插件

  • 文档创建者:susie
  • 编辑次数:27次
  • 最近更新:Carly 于 2020-09-17
  • 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 万元的数据的进度条均填满。

    如下图所示:

    最大数值差别示意图
    默认仅最大值进度条填满image.png
    自定义超过自定义值的进度条均填满image.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 单元格背景色的影响

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

    单元格进度条插件版本
    单元格背景结果
    V1.5.0 之前任意背景不显示进度条
    V1.5.0 及之后颜色背景显示进度条
    非颜色背景,例如纹理、图案、渐变色、图片等不显示进度条

    4.2 浏览器背景色的影响

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

    3.png

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

    Snag_384b4cb9.png

    附件列表


    主题: 设计器简介
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!