借助 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 可视化组件使用入门