Looker 元件總覽

Looker 的元件程式庫可讓應用程式透過 React 元件的介面，運用 Looker 的設計元素、UI 模式和資料視覺化功能。元件的例子包括表單、按鈕、篩選輸入、分頁控制項、版面配置、折線圖、長條圖、散布圖、表格等。

雖然快速產生價值是元件的一大優勢，但真正發揮作用的，是讓 Looker 與自訂應用程式之間的體驗更為流暢。

常見用途包括：

  • 在 Looker 擴充功能中建立類似 Looker 的使用者介面，例如頁面導覽
  • 在嵌入的 Looker 內容周圍建立類似 Looker 的 UI，例如資訊主頁篩選器
  • 在嵌入式資料分析應用程式中提供較輕量化的個別視覺化內容，但不提供 iframe 嵌入的完整體驗

使用元件

Looker 元件是 React 元件，會發布至 NPM，並可輕鬆新增至使用 NPM 的前端 JavaScript 或 TypeScript 應用程式。

Looker 元件是 React 元件，會發布至 NPM，並可使用 NPM 新增至前端 JavaScript 或 TypeScript 應用程式。

UI 元件和篩選器元件有不同的 NPM 套件。

立即體驗

想在編寫程式碼前，先查看 Looker 元件的實際運作情形嗎？這個示範影片可協助您：

  • Atom Fashion：使用 Looker 元件建構的資料導向網頁應用程式 (需要 Google 帳戶才能登入)