Looker 组件概览

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

虽然快速实现价值是组件的优势之一,但它们的真正优势在于,可以在 Looker 和自定义应用之间提供更顺畅的体验。

一些常见使用场景包括:

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

使用组件

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

我们为 界面组件过滤器组件可视化图表组件提供了单独的 NPM 软件包。

试试看

想要在编写任何代码之前查看 Looker 组件的实际运用?这些演示和沙盒可帮助您:

  • 组件互动式参考:列出除可视化组件之外的所有 Looker 组件
  • 可视化组件园地:从可用的可视化选项中互动式选择,并查看 Playground 应用中呈现的可视化图表,而无需嵌入
  • Atom Fashion:采用 Looker 组件构建的以数据为依据的演示 Web 应用(需要登录 Google 帐号)

使用入门

开始使用 Looker 界面组件 开始使用 Looker 组件 开始使用 Looker 可视化组件