您目前查看的是 Looker 26.0 的說明文件。按一下這個連結,即可查看
最新說明文件。
Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Looker 元件總覽
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
應用程式可透過 React 元件介面,使用 Looker 的設計元素、UI 模式和資料圖表。元件範例包括表單、按鈕、篩選器輸入內容、分頁控制項、版面配置、折線圖、長條圖、散布圖、表格等。
雖然元件的優勢之一是能快速提供價值,但真正出色的地方在於,元件可讓 Looker 和自建應用程式之間的體驗更加流暢。
常見用途包括:
- 在 Looker 擴充功能中建立類似 Looker 的 UI,例如頁面導覽
- 在嵌入式 Looker 內容周圍建立類似 Looker 的 UI,例如資訊主頁篩選器
- 在嵌入式資料分析應用程式中提供較輕量的個別視覺化內容,而不提供完整的 iframe 嵌入體驗
使用元件
Looker 元件是 React 元件,因此會發布至 NPM,並可使用 NPM 輕鬆新增至前端 JavaScript 或 TypeScript 應用程式。
Looker 元件是 React 元件,會發布至 NPM,並可使用 NPM 新增至前端 JavaScript 或 TypeScript 應用程式。
UI 元件和篩選器元件有各自的 NPM 套件。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間: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"]],["上次更新時間:2026-05-21 (世界標準時間)。"],[],[]]