专题总结 >> 设计报表 >> 单元格显示数据条

专题总结 >> 设计报表 >> 单元格显示数据条

单元格显示数据条

• 概述
• 示例
  

1. 概述
在数据表的统计时，如果不习惯不易读的数字文本时，可以采用转换为数据条展示，可以让报表更直观，更生动。
以一个行式表为例子，效果如下图：

      
2. 示例


2.1 单元格设置
      B4单元格设置代码如下       ，并设置为HTML显示内容

1. "<table width=" + ROUND(B4 * 1000 / SUM(B4[!0;!0]), 2) + "% border=0 cellspacing=0 cellpadding=0> <tr> <td bgcolor=#00E3E3><div color=#ffffff align=right> </div></td> </tr> </table>"

复制代码

               
2.2 代码解释（html代码）
       "<table width=" + ROUND(B4 * 1000 / SUM(B4[!0;!0]), 2)  设置宽度为 ROUND(B4 * 1000 / SUM(B4[!0;!0]), 2)
       "% border=0 cellspacing=0 cellpadding=0> 取消边框，单元格间距设置为0，单元格的内容和边框距离为0
       <tr> <td bgcolor=#00E3E3> 设置单元格的内容颜色    http://www.114la.com/other/rgb.htm 参考代码表
       <div color=#ffffff align=right>  设置单元格的背景颜色位置靠右
2.3 设置悬浮提示
      悬停显示数值

1. =ROUND(B4 * 1000 / SUM(B4[!0;!0]), 2) +"‰"

复制代码

        
2.4 保存并预览
保存模板，点击分页预览即可查看效果。在线查看模板效果请点击ProgressBar.cpt
已完成模板可参考%FR_HOME%\WebReport\WEB-INF\reportlets\demo\basic\ProgressBar.cpt

楼主，这个帖子写的很详细，不过帮助文档上面已经有这个的内容了http://www.finereporthelp.com/help/9/15/7.html，楼主这个应该算是补充啦
原文补充：为C级，因为原文档已经写的挺详细，也很通用化了

评分：C级

高大上的样子