Looker 组件概览

借助 Looker 的组件库,应用可以通过 Looker 的设计元素、界面模式和数据可视化图表利用 React 组件的界面。部分组件示例包括表单、按钮、过滤器输入、分页控件、布局、折线图、条形图、散点图、表格等。

虽然快速实现价值是组件的优势之一,但是组件真正的优势在于能够在 Looker 和定制应用之间实现更顺畅的体验。

一些常见使用场景包括:

  • 在 Looker 扩展程序中创建类似 Looker 的界面,例如网页导航
  • 围绕嵌入式 Looker 内容创建类似 Looker 的界面,例如信息中心过滤条件
  • 在没有嵌入式 iframe 嵌入的完整体验的情况下,在嵌入式分析应用中提供更精简的单个可视化图表

使用组件

作为 React 组件,Looker 组件发布到 NPM,您可以使用 NPM 轻松添加到前端 JavaScript 或 TypeScript 应用中。

您可为界面组件过滤器组件可视化组件使用单独的 NPM 软件包。

试试看

想在编写任何代码之前了解 Looker 组件的实际运用?这些演示和沙盒有助于:

  • 组件交互式参考:除可视化组件外的所有 Looker 组件的列表
  • Atom Fashion:使用 Looker 组件构建的以数据为依据的演示 Web 应用(需要登录 Google 帐号)

使用入门

Looker 界面组件使用入门 Looker 组件使用入门 Looker 可视化组件使用入门