借助 Looker 的组件库,应用可以通过 React 组件的界面利用 Looker 的设计元素、界面模式和数据可视化功能。组件的一些示例包括表单、按钮、过滤条件输入、分页控件、布局、折线图、条形图、散点图、表格等。
虽然快速实现价值是组件的优势之一,但它们真正的亮点是在 Looker 和定制应用之间实现更无缝的体验。
一些常见使用场景包括:
- 在 Looker 扩展程序中创建类似于 Looker 的界面,例如网页导航
- 围绕嵌入的 Looker 内容创建类似于 Looker 的界面,例如信息中心过滤条件
- 在没有 iframe 嵌入的完整体验的情况下,在嵌入式分析应用中提供更轻量级的单独可视化效果
使用组件
作为 React 组件,Looker 组件会发布到 NPM,您可以使用 NPM 轻松添加到前端 JavaScript 或 TypeScript 应用。
我们为界面组件、过滤器组件和可视化图表组件提供了单独的 NPM 软件包。
试试看
希望在编写任何代码之前查看 Looker 组件的实际效果?此演示可帮助您:
- Atom Fashion:一个使用 Looker 组件构建的数据驱动型 Web 演示应用(需要 Google 账号才能登录)