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 和/或其關聯企業的註冊商標。
上次更新時間:2025-09-11 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["難以理解","hardToUnderstand","thumb-down"],["資訊或程式碼範例有誤","incorrectInformationOrSampleCode","thumb-down"],["缺少我需要的資訊/範例","missingTheInformationSamplesINeed","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2025-09-11 (世界標準時間)。"],[],[],null,[]]