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

背景信息

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

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

操作步骤

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