Previous topicNext topic
WebBuilderX > 子页面容器类型 > 面板类容器 > 大屏面板 > 数据接口 >
数据过滤器

勾选“开启数据过滤器”,点击右侧的加号:

即可进入过滤器代码编写窗口。这个过滤器的作用,就是根据服务器端返回的原始数据,经过过滤器代码的处理,得到新的数据,然后新数据再用于图表的生成。如下图,这里经过简单几行代码的过滤处理,原来的数据完全变了样子:

这里的过滤器代码,只要稍微有点js基础都能够理解。如果你要将原始数据中的所有数值字段都作为数据系列单独拎出来,可以将代码中的['数量_1999年','数量_2000年']改为['数量_1999年','数量_2000年','金额_1999年','金额_2000年']。

点击“保存”过滤器,然后勾选此过滤器,新的数据响应结果就来了:

由于新生成的数据字段完全变了,所以还要回到字段映射设置区,重新指定字段:

经过过滤的数据包含了2个系列的数据,所以生成的数据图表就有了2个系列。如果在过滤器中同时加上“金额_1999年”和“金额_2000年”,则图表中的数据系列将变成4个。