本文档介绍新版DataV组件数据过滤器的使用方法。您可以使用数据过滤器,自定义数据过滤代码,实现数据结构转换、数据筛选展示和一些简单的计算。

背景信息

新版数据过滤器与旧版过滤器相比,取消了全局过滤器的概念(即各大屏共享过滤器)。更新后的过滤器只能在一个大屏项目内复用,多个大屏之间的复用需要通过代码片段的形式引入。

在使用新版数据过滤器前,您需要注意:
  • 如果您以前的大屏使用的是全局过滤器,新版DataV编辑器会将原有的过滤器自动生成代码片段,保存在代码片段管理器中。
  • 在使用以前的大屏进行过滤器编辑和新建的时候,会有更新提醒(新建的大屏不会出现更新提示)。更新页面过滤器
  • 当您更新过滤器后,系统会自动刷新页面,并为大屏生成页面级别的过滤器,不会对您之前的大屏产生影响。

操作步骤

  1. 登录DataV控制台
  2. 我的可视化页面,单击您创建的大屏项目。
    如果页面中没有大屏项目,需要首先创建大屏项目,详情请参见使用模板创建可视化应用
  3. 在大屏编辑器页面,单击图层栏画布中的某一个组件。
    注意 在使用组件数据过滤器之前,请确保您的大屏项目中已经添加了相应的组件,否则需要首先添加组件,详情请参见添加组件
  4. 单击右侧配置面板的数据
  5. 勾选数据过滤器并单击右侧的添加过滤器添加数据过滤器
  6. 设置数据源面板中,单击添加过滤器右侧的+设置数据源
  7. 在过滤器代码编辑框中,输入当前组件数据的过滤代码。
    详细配置方法请参见使用示例
  8. 单击测试,查看数据过滤效果。测试过滤代码
    注意 测试代码功能需要开启过滤调试,数据量大时建议关闭。
  9. 测试成功后,单击数据响应结果右侧的刷新图标,在大屏上查看组件的展示效果。
    更多操作功能请参见详细功能介绍