Looker 过滤条件组件

Looker 过滤器组件为基于 Looker 的自定义数据应用提供了 Looker 的丰富过滤功能。

Looker 组件

Looker 组件是基于 React 的预构建 Looker 应用部分。应用开发者可以在基于 Looker 的数据应用和扩展程序中使用组件。

组件可与 Looker 扩展框架Looker 的 Embed SDK 搭配使用。

Looker 过滤条件组件

过滤器组件为定制的数据应用和自定义的嵌入式 Looker 信息中心提供了 Looker 丰富的过滤功能。借助 Looker API(通过 SDK扩展程序)为指定信息中心提取 JSON,开发者可以在其应用中添加过滤器组件,并传入信息中心内每个过滤器的属性。然后,该组件会根据每个过滤器的字段和存储的界面配置来呈现该过滤器。

过滤器组件软件包提供 12 种过滤器控件,类似于 Looker 自己的信息中心可用的控件:

  • 按钮组
  • 复选框
  • 标记列表
  • 范围滑块
  • 按钮切换开关
  • 单选按钮
  • 下拉菜单
  • 滑块
  • 单日
  • 日期范围
  • 时间范围
  • 高级

过滤器组件通过两个协同运行的软件包提供:@looker/filter-components@looker/filter-expressions@looker/filter-components 软件包使用字段、过滤器类型和当前过滤器表达式来呈现过滤器组件,这些表达式可通过任何信息中心过滤器获取。@looker/filter-expressions 软件包将过滤器表达式转换为可供 @looker/filter-components 使用的数据结构。

为什么要使用过滤器组件?

过滤器组件可以腾出开发者时间,让使用 Looker 的分析师能够构建和维护可靠的可定制用户体验。Looker 过滤器组件具有以下优势:

  • 优质过滤器体验 - 过滤器组件提供 Looker 丰富的过滤逻辑和各种过滤器控件,以贴合您需要的过滤器类型。
  • 速度开发 - 过滤器组件提供对过滤器的“开箱即用”访问权限,从而使开发者能够专注于其他任务,从而加快整体开发速度。
  • 自定义 - 您可以根据应用、扩展程序或嵌入式信息中心的外观和风格自定义过滤器控件。开发者可以使用过滤器组件实现比以往更多的自定义功能。
  • 已关联到 Looker 信息中心 - 过滤条件组件可以直接关联到 Looker 信息中心内的过滤条件,并且该过滤条件的某个版本会显示在使用该组件的 Looker 应用、扩展程序或嵌入内容中。对关联到过滤器组件的 Looker 信息中心拥有修改权限的任何用户都可以修改 Looker 信息中心中的过滤器,此操作会更新应用、扩展程序或嵌入中的过滤器。这为开发者腾出时间,因为每次因业务原因调整过滤器时,也不需要开发者。
  • 与 Looker 模型相关联 - 过滤器组件知道构建它们的 Looker 模型发生了更改,这意味着过滤字段和其他选项是动态的,并随着基础模型的更新而更新。

安装和使用过滤器组件

@looker/components NPM 代码库下载 @looker/filter-components@looker/filter-expressions 软件包。

如需了解如何安装和使用过滤器组件软件包,请参阅 NPM 或 GitHub 中每个软件包的自述文档。

GitHub 上提供了一个过滤器组件演示应用。演示的 README 文档介绍了演示的使用说明。