グラフデータの確認

グラフは、Cloud Monitoring 中のあらゆる場所で使用されます。たとえば、グラフはダッシュボードに含まれ、個々のグラフは、Metrics Explorer とアラート条件を構成するインターフェースに表示されます。

このページでは、グラフ ツールバーの使用方法とグラフ化されたデータの操作方法について説明します。

グラフの作成については、以下をご覧ください。

グラフ ツールバーの使用

グラフ ツールバー(利用可能な場合)には、グラフにのみ適用される一連のコントロールがあります。ダッシュボード ツールバーに同じコントロールがある場合、グラフ ツールバーを使用して適用した設定は、ダッシュボード ツールバーの設定よりも優先されます。

  • 凡例表示切り替え

    グラフの下に凡例を表示したり、非表示にしたりするには、このボタンをクリックします。詳細については、凡例を表示か非表示にするをご覧ください。

    グラフの幅が不足しているために、グラフのツールバーに凡例の切り替えボタンを表示できない場合は、グラフの [その他のオプション] メニューを使用すると、このオプションにアクセスできます。

  • 全画面表示

    ダッシュボードのグラフの 1 つを拡大するには、 [全画面表示] をクリックします。

    全画面モードを終了するには、[Esc] をクリックします。

  • ズームをリセット

    このボタンをクリックすると、グラフのズーム操作を元に戻すことができます。リセットは、ダッシュボード上のすべてのグラフに適用されます。

  • その他のオプション

    特定のグラフで使用できるオプションはコンテキストに依存することに注意してください。たとえば、事前定義されたダッシュボードのグラフでは編集オプションを使用できません。

    このボタンをクリックして次の操作を行うことができます。

    • グラフモードの変更。
    • グラフの編集。
    • グラフの PNG 画像のダウンロード。
    • Metrics Explorer でのグラフの表示。
    • 関連するログを Cloud Logging ビューアで表示します。Cloud Logging インターフェースの使用方法については、ログの表示をご覧ください。

      このオプションは、グラフに表示されるいずれかの指標をモニタリングするようにアラート ポリシーが構成されている場合に利用できます。詳細については、アラート、インシデント、ログをご覧ください。

分布グラフの場合、グラフの表示を変更するためのボタンをグラフツールバーに追加できます。

  • トレース エグザンプラ

    このボタンをクリックすると、Cloud Trace のエグザンプラの表示と非表示を切り替えることができます。このボタンは、データにエグザンプラが含まれる可能性がある場合にのみ表示されます。詳細については、Cloud Monitoring API ページの Cloud Trace の実行ツールを作成する方法Exemplar をご覧ください。

    次のスクリーンショットは、Cloud Trace のエグザンプラが表示されたヒートマップを示しています。グラフの薄い青色の円でエグザンプラが表示されています。このデータはカスタム指標タイプ custom.googleapis.com/opencensus/grpc.io/server/server_latency を対象として、OpenCensus で作成したものです。

    Cloud Trace のエグザンプラが表示されたヒートマップ。

    Cloud Trace のエグザンプラが表示されてからトレースを選択すると、トレースの詳細ペインが開きます。この詳細には、トレーススパンとテーブルを示すウォーターフォール グラフが含まれます。詳細については、トレースの詳細を表示するをご覧ください。

  • パーセンタイル ライン

    このボタンをクリックすると、50 番目、95 番目、99 番目のパーセンタイル ラインのオーバーレイを有効または無効にできます。デフォルトでは、パーセンタイル ラインが表示されます。

    次のスクリーンショットは、パーセンタイル ラインが示されたグラフを示しています。

    Cloud Trace のパーセンタイル ラインが表示されたヒートマップ。

  • ヒートマップ

    このボタンをクリックすると、ヒートマップの表示 / 非表示を切り替えることができます。

    次のスクリーンショットは、パーセンタイル ラインが表示されているものの、ヒートマップ自体が非表示の場合のグラフを示しています。

    Cloud Trace のパーセンタイル ラインが表示されたヒートマップと非表示のヒートマップ

グラフのデータをハイライト表示する

グラフまたはその下の凡例を操作して、個々の時系列を調べることができます。 このセクションでは、複数の時系列がグレー表示されているときに 1 つ以上の時系列がハイライト表示されるように、グラフの表示方法を変更する方法について説明します。

単一の時系列をハイライト表示する

単一の時系列をハイライト表示するには、次のいずれかを行います。

  • グラフで特定の時点の線上にポインタを置きます。グラフ上でポインタを移動すると、グラフの線に触れるたびに対象の線がハイライト表示されます。
  • 表の凡例の対応する行でオンになっているチェックボックスをクリックするか、グラフ内の線をクリックします。特定の行を選択したら、選択内容を保持したままポインタを移動できます。

    • グラフ内の別の線をハイライト表示するには、対象の線を選択します。
    • 線のハイライト表示を削除するには、グラフの未使用領域をクリックするか、凡例を展開して、該当する線のチェックボックスをオフにします。

たとえば、次のスクリーンショットでは、halyard 時系列が選択されています。

1 つの行がハイライト表示されて再スケーリングされたグラフが表示されています。

複数の時系列をハイライト表示する

line-A から line-B までのすべての行をハイライト表示するには、line-A を選択し、Shift キーを押してから line-B を選択します。

複数の行をハイライト表示するには、次のいずれかを行います。

  • Ctrl または Command を押して、グラフから目的の線を選択します。
  • 凡例で目的の行のチェックボックスをオンにします。

複数の時系列をハイライト表示するには、表内の対応する行をクリックするか、目的の時系列を選択した状態で Shift キーを押します。

時系列のハイライトを削除するには、凡例で該当する行をクリックします。

すべてのハイライトを削除するには、グラフの未使用領域をクリックします。

基準時刻の設定

グラフで基準時刻を選択するには、基準時刻にピンを設定します。X 軸の数字上にポインタを置くと、グラフに未設定のピンが表示されます。未設定のピンは底部が楕円形になっている薄い灰色の線であり、楕円形の部分に時刻とピン記号が表示されています。

ピンを設定すると、次のようになります。

  • グラフに底部が楕円形になっている青い線が表示されます。底部に基準時刻と [閉じる] ボタンが表示されます。ピンを削除するには、閉じるボタンをクリックします。
  • 凡例フィールドの [Value] には、基準時刻の時系列の値が表示されます。
  • グラフがダッシュボード上にある場合、ダッシュボードの各グラフにピンが設定されます。

グラフに設定できるピンは 1 つのみです。また、ピンは現在の時刻または特定の時刻のいずれかに設定できます。

  • 現在の時刻にピンを設定するには、グラフの凡例の見出しの [Value] をクリックします。

  • 特定の時刻にピンを設定するには、X 軸に沿って目的の時刻の上にポインタを置き、灰色の楕円をクリックします。

たとえば、次のスクリーンショットは、ピンが午後 3 時 30 分に設定され、ポインタが午後 3 時 42 分にあるグラフを示しています。ポインタの位置に対応するタイムスタンプがツールチップに表示されます。ツールチップに 440 ms という値が表示されます。これは、午後 3 時 42 分の時系列 server_latency の値です。凡例には、1.505ms という値が表示されます。これは、午後 3 時 30 分の時系列 server_latency の値です。

グラフが時刻ピンとともに表示されます。

グラフの解像度を変更する

グラフの解像度を変更するには複数の方法があります。ダッシュボードのすべてのグラフの解像度を変更する場合は、表示期間を設定するをご覧ください。

特定の時間範囲を拡大する

グラフの特定の期間の部分を拡大するには、次のようにします。

  1. グラフ領域で詳細に表示する期間の一方の終端にポインタを置きます。
  2. 期間のもう一方の終端までポインタを水平方向にドラッグします。2 つのタイムセレクタの間に灰色の領域が作成されます。

    ポインタボタンを離すと、選択した X 軸の範囲を使用してグラフが再描画されます。Y 軸の範囲は、選択した期間の値に基づいて自動的に調整されます。

  3. (省略可)グラフの垂直解像度を変更します。

ダッシュボード上の任意のグラフで期間を選択すると、自動更新は自動的に無効になります。 [自動更新] をクリックすると、新しいデータが収集され、すべてのグラフが再描画されます。

特定の時点の前後における時間の解像度を拡張する

特定の時点前後のグラフを拡大するには、次のようにします。

  1. 詳細を表示する時点のグラフ領域にポインタを置きます。
  2. Ctrl または Command を押してから、トラックパッド ポインタで 2 本の指を使用するか、従来のポインタの場合はスクロール ホイールを使用して、時間軸を拡大または縮小します。

期間の変更

表示されている時間の範囲を変更するには、次の手順に沿って操作します。

  1. 詳細を表示する期間のグラフ領域にポインタを置きます。
  2. Ctrl または Command を押してから、クリックしてポインタをドラッグし、より古い、または新しいデータを表示します。

垂直方向の解像度を引き上げる

値の間隔を拡大するには、次のようにします。

  1. グラフ領域で詳細に表示する値範囲の一方の終端にポインタを置きます。
  2. 値範囲のもう一方の終端までポインタを垂直方向にドラッグします。これにより、Y 軸上の 2 つの値の間に灰色の領域が作成されます。

    ポインタボタンを離すと、選択した Y 軸の範囲を使用してグラフが再描画されます。

  3. (省略可)グラフの水平解像度を変更します。

ダッシュボードで任意のグラフの値の範囲を選択すると、自動更新は自動的に無効になります。 [自動更新] をクリックすると、新しいデータが収集され、すべてのグラフが再描画されます。

解像度のリセット

グラフを元の状態に戻すには、グラフのコントロール [ズームをリセット] をクリックします。リセットは、ダッシュボード上のすべてのグラフに適用されます。

ダッシュボード コントロール [ズームをリセット] をクリックすることもできます。

表示期間を設定する

通常、グラフには 1 時間から 6 週間のデータが表示されます。

ダッシュボードでは、ダッシュボード ツールバーでカスタムの表示期間を指定することもできます。この表示期間は、ダッシュボード内のすべてのグラフに適用されます。分離したグラフには、Metrics Explorer のように表示期間を設定できます。

グラフの時間範囲を変更すると、表示されるデータの範囲が変わります。これにより、時系列が再調整される可能性があります。詳しくは、アライメント期間をご覧ください。

範囲を変更するには、時間オプションを選択します。

ダッシュボードのツールバーを表示します。

新しいプロジェクトの場合、範囲内のデータが利用できない場合があります。

次のスクリーンショットでは、ダッシュボードに 2 つのグラフが表示されています。X 軸の表示期間は、ダッシュボードのグラフ間で共有されています。

すべてのダッシュボード グラフに同じ X 軸があることを示しています。

動的データと静的データの選択

グラフには時間ウィンドウに対応するデータが表示されます。デフォルトでは、時間ウィンドウは常に前方に移動しグラフの右端に表示されます。時間ウィンドウの幅には、1 時間などの値を選択できます。グラフ上のデータは動的に変化します。新しいデータが生成されると「now」の位置に表示され、古いデータが時間ウィンドウの外に移動します。デフォルトでは、この動作が有効になっています。

自動更新をオフにすれば、時間ウィンドウを固定できます。この静的オプションは、過去のイベントを調査し、新しいデータに注意を払う必要がない場合に便利です。自動更新をオフにすると、ボタンがグレーになり、オフとラベル付けされます。

ダッシュボードの自動更新コントロールは、それ一つでダッシュボード内のすべてのグラフに設定が適用されます。Metrics Explorer ページでグラフを作成する場合、自動更新は常にオンになっています。

次のステップ