管理者設定 - ビジュアリゼーション

Looker には、ネイティブのビジュアリゼーション タイプの堅牢なリストが含まれており、さまざまな方法でデータをグラフ化できます。Looker のネイティブのビジュアリゼーション タイプに含まれていないタイプのグラフが必要な場合は、Looker インスタンスにカスタムの JavaScript ビジュアリゼーションを追加するためのいくつかの方法が用意されています。

  1. LookML プロジェクトのマニフェスト ファイルに visualization パラメータを追加して、LookML プロジェクトに直接カスタム ビジュアリゼーションを追加します。詳細については、visualization パラメータのドキュメント ページをご覧ください。
  2. Looker Marketplace からビジュアリゼーションをインストールします。Looker Marketplace 機能を有効にすると、Looker Marketplace のプラグインをインストールできます。これには、Looker のネイティブ ビジュアリゼーション ライブラリに追加できるビジュアリゼーション タイプが含まれます。Looker Marketplace からのプラグインのインストールについて詳しくは、Looker Marketplace の使用に関するドキュメント ページをご覧ください。Looker Marketplace に追加して他の Looker ユーザーがアクセスできるビジュアリゼーションの作成については、Looker Marketplace のカスタム ビジュアライゼーションの開発ページをご覧ください。
  3. Looker のカスタム ビジュアリゼーション リポジトリからカスタム JavaScript ビジュアリゼーションをインストールして管理するには、Looker の [Admin] メニューの [Platform] セクションにある [Visualizations] ページを使用します。

このページでは、Looker の [Admin] パネルの [Visualizations] ページを使用してカスタムの JavaScript ビジュアリゼーションを追加する方法について説明します。

カスタム ビジュアリゼーションは、コミュニティがサポートする取り組みです。Looker のサポートチームは、カスタム ビジュアリゼーションまたはカスタム ビジュアリゼーション コードに関連する問題のトラブルシューティングを行いません。バグの追跡とクローズには、カスタム ビジュアライゼーションのリポジトリにある GitHub の問題を使用するか、カスタム ビジュアライゼーションに関するハウツー投稿、会話、ヒントについて Looker のコミュニティをご覧ください。

サポートされているビジュアライゼーションは、Looker Marketplace からダウンロードできます。

カスタム ビジュアライゼーションのリストの表示

ダウンロードしたビジュアライゼーションの全機能を確保するには、お客様がホストするデプロイの管理者が、適切な Chromium レンダリングをインストールしておく必要があります。

Looker の [Admin] メニューの [Platform] セクションにある [Visualizations] ページに、Looker インスタンスに追加されたすべてのカスタム ビジュアリゼーションが一覧表示されます。

リストには次の列が含まれます。

新しいカスタム ビジュアリゼーションの追加

Looker の Viz Blocks の一覧は、Looker の Marketplace で確認できます。また、こちらの Looker GitHub ページでは、一般公開用のカスタム ビジュアリゼーション ライブラリを利用できます。Looker のビジュアリゼーション API を使用して独自のビジュアリゼーション タイプを作成する手順については、こちらの Looker GitHub ページをご覧ください。

インスタンスに追加するビジュアリゼーションがわかったら、[Visualizations] ページを使用して、ページ左上の隅にある [Add Visualization] ボタンを選択してカスタム ビジュアリゼーションを追加できます。

Looker に [New Visualization] ページが表示されます。新しいビジュアリゼーションを追加するには、次の手順を行います。

  1. [ID] フィールドに、ビジュアリゼーション JavaScript で定義されたビジュアリゼーションの一意の ID を入力します。

  2. [ラベル] フィールドに、ビジュアリゼーションの名前を入力します。Looker は、この名前を Explore の Looker ビジュアリゼーション メニューに表示します。

  3. [Main] フィールドに、ビジュアリゼーションのメイン JavaScript ファイルの URI を入力して、Looker が JavaScript コード リポジトリを指すようにします。

  4. カスタム ビジュアリゼーション コードをホストするサイトで検証にサブリソース整合性（SRI）ハッシュを使用する場合は、[SRI Hash] フィールドに SRI ハッシュを入力します。このフィールドは [詳細オプション] の下にあります。Looker のカスタム ビジュアリゼーション ホストでは SRI ハッシュは使用されません。

  5. [Dependencies] フィールドに、ビジュアリゼーション JavaScript が依存する、他のファイルの URI を入力し、[Add] をクリックします。複数の URI をカンマで区切って入力するか、複数の URI を 1 つずつ追加します。[Dependencies] フィールドは、[Advanced options] の下にあります。

  6. [保存] を選択します。

ビジュアリゼーションが追加されると、Explore のビジュアリゼーション メニューにラベル付けたとおりに表示されます。新しいビジュアリゼーション タイプは、Looker の既存のビジュアリゼーション タイプと同じように使用できます。

ビジュアリゼーション メニューからカスタム ビジュアリゼーションを表示するには:

  1. ビジュアリゼーション メニューバーのその他アイコン（...）を選択して、カスタム ビジュアリゼーションにアクセスします。

  2. ビジュアリゼーションを選択すると、ビジュアリゼーションのメニューバーにビジュアリゼーションの名前が表示されます。

カスタム ビジュアリゼーションの編集

既存のビジュアリゼーションを編集するには、ビジュアリゼーションの右側にある [編集] ボタンを選択します。Looker では、ビジュアリゼーションを追加する場合と同じページが表示されますが（新しいカスタム ビジュアリゼーションの追加を参照）、関連情報はすでに入力されています。必要な変更を行い、[Save] をクリックします。

カスタム ビジュアリゼーションの削除

ビジュアリゼーションを削除するには、ビジュアリゼーションの右側にある [削除] ボタンを選択し、確認ボックスで [OK] をクリックします。ビジュアリゼーションを削除すると、Looker から削除されますが、ビジュアリゼーションの外部コード リポジトリに影響はありません。

ビジュアリゼーションを削除すると、そのビジュアリゼーション タイプを使用する Look やダッシュボードが無効になります。この問題を解決するには、削除したビジュアリゼーションと同じビジュアリゼーション ID を再度追加します。