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

图形化显示docker 图形化显示进度_数据



图形化显示docker 图形化显示进度_数据可视化_02

 

图形化显示docker 图形化显示进度_数据_03


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


具体实现过程:

1.创建报表,并添加数据集

图形化显示docker 图形化显示进度_数据_04



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

图形化显示docker 图形化显示进度_数据可视化_05



3.希望通过图形来展示人员复工率。

右侧新建一行,绑定容器,并绑定图片。

图形化显示docker 图形化显示进度_数据可视化_06



设置图片属性,选择数据可视化器。

图形化显示docker 图形化显示进度_数据可视化_07



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

图形化显示docker 图形化显示进度_文本框_08


图形化显示docker 图形化显示进度_数据可视化_09



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

图形化显示docker 图形化显示进度_图形化显示docker_10


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

图形化显示docker 图形化显示进度_图形化显示docker_11


预览即可看到效果:

图形化显示docker 图形化显示进度_数据可视化_12



最后希望在图片旁边也能用百分比来展示具体的复工率

可以在图片旁边绑定文本框,利用复工人数/总人数,以百分比方式具体展示复工率

图形化显示docker 图形化显示进度_图形化显示docker_13


点击文本框,进行属性设置,选择数据格式为百分比。

图形化显示docker 图形化显示进度_数据可视化_14



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

图形化显示docker 图形化显示进度_图形化显示docker_15