ダッシュボードにテキストとグループを追加する

このドキュメントでは、ダッシュボードに有用な情報を追加する方法と、ダッシュボードでウィジェットをグループ化する方法について説明します。たとえば、ダッシュボードに関する情報、関連リソースへのリンク、さまざまな状況での対応などを追加できます。ダッシュボードに多くのウィジェットがある場合は、ウィジェットをグループ化することでダッシュボードのユーザビリティを向上させることができます。

Cloud Monitoring API の詳細については、API を使用してダッシュボードを作成、管理するをご覧ください。

始める前に

ダッシュボードにテキストを追加する

次のスクリーンショットは、テキスト ウィジェットを示しています。

テキスト ウィジェットを含むダッシュボードの例。

このセクションの説明は、Google Cloud コンソールに関するものです。 Cloud Monitoring API の使用方法については、Text ウィジェットを含むダッシュボードをご覧ください。

ダッシュボードにテキスト ウィジェットを追加する手順は次のとおりです。

  1. Google Cloud コンソールで [ダッシュボード] ページに移動します。

    [ダッシュボード] に移動

    検索バーを使用してこのページを検索する場合は、小見出しが [Monitoring] である結果を選択します。

  2. ダッシュボードを選択するか、[ダッシュボードを作成] をクリックします。
  3. ツールバーで [ウィジェットを追加] をクリックします。
  4. [ウィジェットを追加] ダイアログで、[レイアウト] セクションに移動し、[テキスト] を選択します。
  5. タイトルを追加します。
  6. [コンテンツ] ペインに、表示するテキストを入力します。テキスト ウィジェットは、限定された一連の Markdown コマンドをサポートしています。

    • ヘッダーを作成するには、# を使用します。さまざまなレベルのヘッダーに複数のハッシュ記号を使用できます。

        # Header
        ## Second heading
        ### Third heading
      
    • 斜体フォントで表示するには、*italic* または _italic_ を使用します。

    • 太字フォントで表示するには、**bold** または __bold__ を使用します。

    • リンクを追加するには、[link text](absolute URL) を使用します。link text には任意の値を使用できますが、絶対 URL を使用する必要があります。

      たとえば、example.com にリンクする [example.com](https://example.com/) を記述できます。

  7. オプション: [表示] ペインのフィールドを使用して、コンテンツをカスタマイズします。

  8. 変更をダッシュボードに適用するには、ツールバーで [適用] をクリックします。変更を破棄するには、[キャンセル] をクリックします。

ダッシュボード ウィジェットを整理する

カスタム ダッシュボードでは、グラフ、アラート ポリシー、その他のウィジェットの位置を指定できます。ただし、ダッシュボード内のセクションを作成するか、ウィジェットをグループ化することにより、多数のウィジェットを持つダッシュボードのユーザビリティを改善できます。

  • ダッシュボードにインデックス付きのセクションを作成するには、セクション ヘッダー ウィジェットを使用します。このウィジェットをダッシュボードに追加すると、目次が作成され、ダッシュボードに横方向の分割線が追加されます。目次によって、ダッシュボードの特定のセクションに移動できます。各セクション ウィジェットにはアンカーが含まれています。トラブルシューティングを行う際に、セクション URL をチームメンバーと共有する必要がある場合があります。セクション URL をコピーするには、 [見出しへのリンク] を右クリックしてから、[リンクアドレスをコピーする] を選択します。

  • ダッシュボードを読み込む時間を短縮するには、折りたたみ可能なグループ ウィジェットとシングルビュー ウィジェットを使用します。これらのウィジェットのどちらにもウィジェットのコレクションが含まれており、表示されないコレクション メンバーを取得するのに優先度の低いデータを使用することで、パフォーマンスが向上します。折りたたみ可能なグループ ウィジェットは、展開するとコレクションのすべてのメンバーを表示し、展開しない場合はすべてのメンバーを非表示にします。一方、シングルビューのグループ ウィジェットでは、コレクションのメンバーが一度に 1 つだけ表示され、メニューを使用して、表示するメンバーを選択します。

このセクションで説明するウィジェットを使用するには、カスタム ダッシュボードでモザイク モード(デフォルトのレイアウト)を使用する必要があります。レイアウトをグリッドのものに変更すると、これらのウィジェットを使用できなくなります。

このセクションの残りの部分では、ダッシュボードの整理に使用できるウィジェットを追加して構成する方法について説明します。これらのウィジェットの変更については、ウィジェットの構成を変更するをご覧ください。

セクション ヘッダー ウィジェットを追加する

Cloud Monitoring API を使用してセクション ヘッダー ウィジェットを作成することについては、SectionHeader ウィジェットを含むダッシュボードをご覧ください。

Google Cloud コンソールを使用してセクション ヘッダー ウィジェットを追加するには、次のようにします。

  1. Google Cloud コンソールで [ダッシュボード] ページに移動します。

    [ダッシュボード] に移動

    検索バーを使用してこのページを検索する場合は、小見出しが [Monitoring] である結果を選択します。

  2. [ウィジェットを追加] ダイアログで、[レイアウト] セクションに移動し、[セクション ヘッダー] ウィジェットを選択します。
  3. ウィジェットで [セクションを編集] をクリックし、ダイアログを完了します。

    • [セクション名] フィールドの値が、目次に表示されます。
    • [小見出し] フィールドの値が、ダッシュボードに表示されます。
    • *[目次に分割線を追加する] を選択すると、目次のエントリの後に水平線が追加されます。

折りたたみ可能なグループ ウィジェットを追加する

Cloud Monitoring API を使用して折りたたみ可能なグループ ウィジェットを作成する方法については、CollapsibleGroup ウィジェットを含むダッシュボードをご覧ください。

Google Cloud コンソールを使用して折りたたみ可能なグループ ウィジェットを追加する手順は次のとおりです。

  1. Google Cloud コンソールで [ダッシュボード] ページに移動します。

    [ダッシュボード] に移動

    検索バーを使用してこのページを検索する場合は、小見出しが [Monitoring] である結果を選択します。

  2. [ウィジェットを追加] ダイアログで、[レイアウト] セクションに移動し、[折りたたみ可能なグループ] を選択します。
  3. ウィジェットをグループに追加するには、ウィジェットをグループにドラッグします。

    ウィジェットをグループに追加したら、ポインタを使用してウィジェットのサイズと位置を変更できます。

  4. グループにわかりやすいタイトルを追加するには、ウィジェットの上にポインタを置いてツールバーを有効にし、 [グループを編集] をクリックします。

  5. 省略可: グループがデフォルトで折りたたまれるようにするには、ウィジェットにポインタを置いてツールバーを有効にし、 [グループを閉じる] をクリックします。

    折りたたみ可能なグループ ウィジェットが折りたたまれると、Monitoring は他のウィジェットよりも低い優先度で、グループ内のウィジェットのデータを取得します。その結果、ダッシュボードの読み込みが速くなります。

シングルビューのグループ ウィジェットを追加する

Cloud Monitoring API を使用してシングルビュー ウィジェットを作成する方法については、SingleViewGroup ウィジェットを含むダッシュボードをご覧ください。

Google Cloud コンソールを使用してシングルビューのグループ ウィジェットを追加する手順は次のとおりです。

  1. Google Cloud コンソールで [ダッシュボード] ページに移動します。

    [ダッシュボード] に移動

    検索バーを使用してこのページを検索する場合は、小見出しが [Monitoring] である結果を選択します。

  2. 必要に応じて、シングルビュー ウィジェットに追加するウィジェットを作成します。
  3. [ウィジェットを追加] ダイアログで [レイアウト] セクションに移動し、[Single View Group] を選択します。

    シングルビューのグループ ウィジェットがダッシュボードに追加されます。

  4. シングルビューのグループ ウィジェットにウィジェットを追加します。

    1. シングルビューのグループ ウィジェットで [ウィジェット] メニューを展開し、 [グループを編集] を選択します。
    2. [ウィジェットを追加] をクリックし、[ウィジェットを追加] メニューから選択します。

    3. シングルビューのグループ ウィジェットに追加するウィジェットごとに、前の手順を繰り返します。

    4. [下へ] ボタンと [上へ] ボタンを使用して、グループ ウィジェットのウィジェットを並べ替えます。

    5. [送信] をクリックします。

    ダッシュボードが更新され、シングルビューのグループ ウィジェットに追加されたウィジェットのうち、1 つのみが表示されます。表示されたウィジェットのツールバーでは、表示されたウィジェットを編集したり、その他の操作を行ったりできます。

次のステップ

次のウィジェットをカスタム ダッシュボードに追加することもできます。

グラフデータ探索とダッシュボードのフィルタ処理については、次のドキュメントをご覧ください。