Looker 內建豐富的視覺化類型,可讓您以多種方式繪製資料圖表。如果需要的圖表類型不在 Looker 內建的視覺化類型中,Looker 提供多種方式,可將自訂 JavaScript 視覺化效果新增至 Looker 執行個體:
- 在 LookML 專案的資訊清單檔案中新增
visualization
參數,即可直接在 LookML 專案中新增自訂視覺化效果。詳情請參閱visualization
參數說明文件頁面。 - 從 Looker Marketplace 安裝視覺化效果。啟用「Marketplace」功能後,即可安裝 Looker Marketplace 視覺化套件。
- 在 Looker「管理」選單的「平台」部分,使用「視覺化」頁面,從 Looker 的自訂視覺化存放區安裝及管理自訂 JavaScript 視覺化。
本頁面說明如何使用 Looker 管理面板中的「資料視覺化」頁面,新增自訂 JavaScript 資料視覺化。
查看自訂視覺化效果清單
如要完整使用下載的視覺化資料,客戶代管部署作業的管理員應確保安裝適當版本的 Chromium 轉譯器。
Looker「管理」選單的「平台」部分中的「視覺化」頁面,會列出已新增至 Looker 執行個體的所有自訂視覺化效果。
清單包含下列資料欄:
- ID:指派給自訂視覺化效果的專屬 ID。這個值會在 JavaScript 程式碼中指派,或是在您使用「管理」頁面新增或編輯視覺化效果時指派,或是在您使用 LookML 專案資訊清單檔案新增視覺化效果時,於視覺化效果的
id
參數中指派。 - 標籤:在 Looker 視覺化選單中,為視覺化類型指定的名稱。使用「管理」頁面新增或編輯圖表時,系統會指派這個值。如果使用 LookML 專案資訊清單檔案新增圖表,則這個值會指派給圖表的
label
參數。 - 主要:視覺化效果主要 JavaScript 程式碼的 URI。使用「管理」頁面新增或編輯圖表時,系統會指派這個值。如果使用 LookML 專案資訊清單檔案新增圖表,則這個值會指派給圖表的
url
參數。 - 動作:編輯或刪除資料視覺化設定的按鈕。如果使用 LookML 專案的資訊清單檔案新增視覺化效果,系統就不會顯示這些按鈕。如要編輯這些視覺化效果,請前往 LookML 專案的資訊清單檔案,直接編輯
visualization
參數。
取得自訂視覺化內容
您可以從各種來源取得視覺化效果,並自訂及新增至 Looker 執行個體,包括:
- Looker 在這個 Looker GitHub 頁面上,維護可供公開使用的自訂視覺化圖表程式庫。如要瞭解如何使用 Looker 的 Visualization API 建立自己的視覺化類型,請參閱這個 Looker GitHub 頁面。
- 獨立的 Looker Marketplace,您可以在這裡瀏覽視覺化效果 (稱為「外掛程式」),並存取其原始碼。
- 可從 Looker 執行個體存取的 Looker Marketplace。您可以在這個市集中瀏覽並直接將視覺化效果安裝到 Looker 執行個體。如要進一步瞭解如何從 Looker Marketplace 安裝視覺化效果,請參閱「使用 Looker Marketplace」說明文件頁面。
新增自訂視覺化圖表
確認要新增至執行個體的視覺化圖表後,您可以使用 Looker 管理選單的「平台」部分中的「視覺化圖表」頁面,選取「新增視覺化圖表」按鈕,新增自訂視覺化圖表。
Looker 會顯示「New Visualization」(新視覺化) 頁面。如要新增視覺化效果,請執行下列步驟:
在「ID」欄位中,輸入在視覺化 JavaScript 中定義的視覺化專屬 ID。
在「Label」(標籤) 欄位中,輸入資料視覺化名稱。Looker 會在「探索」的 Looker 視覺化選單中顯示這個名稱。
在「主要」欄位中,輸入視覺化效果主要 JavaScript 檔案的 URI,將 Looker 指向 JavaScript 程式碼存放區。
如果代管自訂視覺化程式碼的網站使用子資源完整性 (SRI) 雜湊進行驗證,請在「SRI 雜湊」欄位中輸入 SRI 雜湊。這個欄位位於「進階選項」下方。Looker 的自訂視覺化主機不會使用 SRI 雜湊。
在「Dependencies」(依附元件) 欄位中,輸入視覺化 JavaScript 依附的任何其他檔案 URI,然後按一下「Add」(新增)。您可以輸入以半形逗號分隔的多個 URI,也可以一次新增多個 URI。「依附元件」欄位位於「進階選項」下方。
選取「儲存」。
新增圖表後,您會在「探索」的圖表選單中看到圖表,名稱就是您在選單中標示的名稱。您可以像使用任何現有的 Looker 視覺化類型一樣,使用新的視覺化類型。
如要透過圖表選單查看自訂圖表,請按照下列步驟操作:
從視覺化選單列中選取
...
三點圖示,即可存取自訂視覺化。選取視覺化效果後,視覺化效果名稱會顯示在視覺化效果選單列中。
編輯自訂視覺化圖表
如要編輯現有視覺化效果,請選取視覺化效果右側的「編輯」按鈕。Looker 會顯示您用來新增視覺化效果的頁面 (如「新增自訂視覺化效果」一文所述),但相關資訊已填寫完畢。視需要進行變更,然後按一下「儲存」。
刪除自訂圖表
如要刪除資料視覺化,請在 Looker 的「管理」選單中,選取「平台」部分的「資料視覺化」頁面,然後點選資料視覺化右側的「刪除」按鈕,並在確認方塊中按一下「確定」。
刪除視覺化效果會將其從 Looker 中移除,但不會影響視覺化效果外部程式碼存放區中的任何內容。
刪除視覺化圖表會停用使用該視覺化圖表的任何 Look 或資訊主頁。如要修正這個問題,請使用相同的視覺化 ID 重新加入已刪除的視覺化。
疑難排解
自訂圖表是由社群支援的專案,Looker 支援團隊不會排解與自訂圖表或自訂圖表程式碼相關的問題。如要追蹤及解決錯誤,請使用自訂視覺化項目的存放區中的 GitHub 議題,或前往 Looker 社群,查看自訂視覺化項目的操作說明文章、對話和提示。