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 社群,查看有關自訂視覺化項目的操作說明文章、對話和提示。