如何用润乾报表实现进度条功能

来源:互联网 发布:网页编程教程 编辑:程序博客网 时间:2024/05/17 01:35

 

润乾报表提供了数十种常用的统计图类型以及自定义统计图,满足了大部分企业级用户对web报表的需求。本文介绍如何使用润乾报表来灵活的实现进度条统计图的功能。

首先看一下用润乾报表实现的进度条统计图的效果:

1.png

下面介绍详细的操作步骤:
1、内建一个数据集ds1,有a,b两个字段,如下图所示:
2.png

2、创建报表,如下图所示:

3.png

其中各单元格表达式说明:

B2:=ds1.max(int(b)),求数据集中b字段最大的数。
B3:=ds1.select(a,false),列出说有a字段的数。
C3:=int(ds1.select1(b,a==B3)),求出相应于a字段的b数值。
D3:=C3/B2*100,求出相对于最大的b值所占的比例。
E4:选中该单元格,单击鼠标右键,选择数据类型,选中HTML类型,内容中填写:
=”<table width=”+D3{}+”% border=0 cellspacing=0 cellpadding=0> <tr> <td bgcolor=#990033><div align=right><font color=#ffffff >”+C3{}+”</font></div></td> </tr> </table>”

E4单元格的表达式是进度条设计的主体部分,下面是主体表达式的详细说明:
1. <table width=”+D3{}+”% border=0 cellspacing=0 cellpadding=0>:进度条的宽度由D3的值决定,基数120所占比例为100%,宽度占满单元格,其他根据比例来扩展。
2. <td bgcolor=#990033>…</td>:用来控制进度条颜色,即为效果图中的棕红色。
3. <div align=right><font color=#ffffff >”+C3{}+”</font></div>:表示在进度条的右侧显示标注,颜色为白色,数据值为C3。

由此可见,作为新一代的报表工具,润乾报表在功能上有很强的扩展性,可以说,只有想不到的,没有做不到的!
引自:润乾报表知识库
原文链接:如何用润乾报表实现进度条功能
相关文章:润乾报表中如何实现多值查询; split函数及其特殊用法;横向分页报表的标题切分