数据可视化软件,为我们的数据展示绝佳效果。今天在使用的时候发现一个组件,可以管控多个数据,精简数据源,它就是“统一数据集”,一起来看下。
我们首先在组件中,选择其他组件,找到统一数据集并拉取出来,可以看到,这个组件同其他组件的展示效果不一样,并没有任何效果,只显示几行文字,根据文字得知,此组件并不会显示在页面,仅仅是为了处理和输出数据。
那么首先他如何使用呢?先为这个组件绑定一个数据源,选中此组件,找到右侧“数据”功能。数据源选择上传的execl文件数据,输入条件,获取数据。后面我们还可以根据获取的数据,做一定的筛选,勾选列选择,等等即可。
完成此步骤之后,切记保存,以免丢失之前的操作。
注意:选中统一数据集组件,选择右侧“属性”功能。
这里默认,数据输出到页面参数是开启,如果勾选关闭,则统一数据集的数据不会输出到页面。
后面,我们来到左侧,“提示”工具栏,可以看到这里有几个页面实时参数。
对比一下统一数据集的最终输出数据,选中同一数据集组件,找到右侧-数据,在最后的展示数据,(可以Ctrf+f快捷键全屏查看这里的数据),对比可以看到,之前的提示参数数据,和这里的几个要输出的数据是一致的。
当然页面在提示这里还会多出来其他的实时参数,但是统一数据集的参数也会出现在提示这里,提示这里的实时参数是会等于或者多于统一数据集的参数输出的。
拉取一个文本组件,然后找到文本组件的“数据”功能,勾选“随引用参数变化”,在数据源的输入框中,我们引用统一数据集的数据。
可以看到提示这里,实时参数,产品b的数据结构是这样,其中value是一个数组,我们取第1个位置的数据,即产品b.value[0]就是4000。那么之前的文本数据源的写法{#产品b.value[0]:1000#},就表示,引用产品b.value的第1个数据,后面1000表示,如果产品b.value的第1个数据如果没有值,就显示1000这个数值。
最后点击数据最下的,预览,看到页面的文本组件已经显示出来所需要展示的数据。
即页面上任何地方都可以引用统一数据集的数据,只需要在页面左侧“提示”,看到页面实时参数有这个数据即可引用。
那么统一数据集的使用场景是什么呢?
1、我们页面上有很多需要展示的数据,可以通过一个数据源获取,然后使用统一数据集,不用在页面做多个数据源的调用,只需要一个组件获取这些数据,然后交给统一数据集,就可以引用,方便管理。
2、统一数据集组件在页面浏览的时候不会显示出来,只是作为数据的处理和输出功能,方便管理。预览之前做好的页面,如下,可以看到统一数据集不会显示出来。
综上所述,统一数据集组件,方便我们数据源管理,可以减少页面数据的调用次数,让页面在浏览的时候更流畅。