您正在查看 Looker 26.2 的文档。点击此链接可查看
最新文档。
Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Looker 组件概览
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
借助 Looker 的组件库,应用可以通过 React 组件的界面使用 Looker 的设计元素、界面模式和数据可视化图表。组件的一些示例包括表单、按钮、过滤条件输入、分页控件、布局、折线图、条形图、散点图、表格等。
虽然快速实现价值是组件的优势之一,但它们真正的优势在于能够实现 Looker 与自定义构建的应用之间更顺畅的体验。
一些常见使用场景包括:
- 在 Looker 扩展程序中创建类似 Looker 的界面,例如网页导航
- 围绕嵌入式 Looker 内容创建类似 Looker 的界面,例如信息中心过滤条件
- 在嵌入式分析应用中提供轻量级个人可视化图表,而无需 iframe 嵌入的完整体验
使用组件
作为 React 组件,Looker 组件会发布到 NPM,并且可以使用 NPM 方便地添加到前端 JavaScript 或 TypeScript 应用中。
作为 React 组件,Looker 组件会发布到 NPM,并且可以使用 NPM 添加到前端 JavaScript 或 TypeScript 应用中。
我们为 界面组件和过滤组件提供了单独的 NPM 软件包。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2026-05-21。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2026-05-21。"],[],[]]