全部产品
Search
文档中心

DataV数据可视化:过滤器在蓝图中的应用

更新时间:Nov 18, 2024

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

操作步骤

  1. 登录DataV控制台

  2. 工作台页面,选择任一数据看板,进入画布编辑器页面。

  3. 在快捷搜索框输入柱状图,添加到画布中。重复操作再次添加一个柱状图组件。

  4. 单击image图标,切换到蓝图页面。

  5. 在左侧图层节点页签中,将两个柱状图节点拖拽添加到蓝图主画布中。

  6. 单击左侧逻辑节点页签,添加一个串行数据处理节点。

  7. 依次将柱状图和串行数据处理节点连线,如图所示。image

  8. 选中串行数据处理节点,在右侧节点配面板中的处理方法模块单击新建,新增一个过滤器。

  9. 修改过滤器名称为柱状图串行处理,并使用以下代码替换初始过滤代码。image

    return data.splice(0,3)//过滤出前三项数据
  10. 单击过滤器下方的保存。再次单击提交,即可完成过滤器代码编辑。

  11. 单击蓝图页面右上角的预览 > 普通预览,进入预览页面。

  12. 待组件加载成功后,即可查看过滤器筛选后的图表结果。image

相关操作

过滤器中引用全局变量的方法getLocalValuegetCallbackValue请参见过滤器引用