【报表-布局设计】报表表格利用图片实现进度条、数据条等数据可视化功能

收藏

本帖最后由 Eden.Sun 于 2023-1-5 18:33 编辑

在报表设计中，经常需要在表格里面利用图形等可视化元素来清晰直观的展示数据的变化。本贴主要介绍利用图片实现进度条，数据条等数据可视化功能。如下图所示：
image.png954983520.png

重点：表格绑定图片，利用图片的数据可视化器能力。

具体实现过程：
1.创建报表，并添加数据集
image.png219734496.png

2.添加表格并绑定数据字段
image.png17945860.png

3.希望通过图形来展示人员复工率。
右侧新建一行，绑定容器，并绑定图片。
image.png961267700.png

设置图片属性，选择数据可视化器。
image.png230490111.png

选择数据可视化器之后，即可看到数据可视化器的配置,可以设置可视化类型，以及图标集。
image.png209885253.png

可视化类型选择数据条，数值选择复工人数，最大值选择总人数，选择显示颜色，点击确定，即可利用颜色数据条来展示部门人员复工率。
image.png130758971.png

可以看到设计器图片上面有一个表达式，也就是我们的数据可视化器能力
image.png736094665.png

预览即可看到效果：

最后希望在图片旁边也能用百分比来展示具体的复工率
可以在图片旁边绑定文本框，利用复工人数/总人数，以百分比方式具体展示复工率
image.png625456847.png

点击文本框，进行属性设置，选择数据格式为百分比。
image.png601226501.png

4.保存预览即可实现最终效果
image.png584821166.png

		自动登录	找回密码
密码			立即注册

[报表] 【报表-布局设计】报表表格利用图片实现进度条、数据条等数据可视化功能