単一の折れ線グラフで、異なる単位またはスケールのデータ系列を可視化するには、複数の Y 軸を追加します。本トピックではその手順について説明します。
前提条件
-
ダッシュボードを作成済みです。詳細については、「ダッシュボードの作成」をご参照ください。
-
ログデータを送信先 Logstore に収集済みです。詳細については、「データ収集の概要」をご参照ください。
-
インデックスを構成済みです。詳細については、「インデックスの作成」をご参照ください。
背景情報
複数の Y 軸を備えた折れ線グラフは、スケールが大きく異なるデータ系列の可視化に有効です。単一の Y 軸では、規模の小さいデータの傾向が読み取りにくくなる場合があります。本例では、以下のリソース情報およびログサンプルを使用します。
-
リソース情報
-
Project：test-demo
-
Logstore：website_log
-
Dashboard：website
-
-
ログサンプル
単一クエリのシナリオ
本シナリオでは、中国（上海）および中国（杭州）の 2 リージョンからのリクエストボリュームを可視化します。青色の折れ線は中国（上海）のリクエスト数を、緑色の折れ線は中国（杭州）のリクエスト数をそれぞれ表します。
1. チャートの追加
ご利用のダッシュボードで、[編集] をクリックします。編集モードでは、 をクリックします。
2. チャートの構成
-
一般設定の構成：右側パネルで [チャートタイプ] および [クエリと分析] の設定を行います。左側パネルでは、時間範囲を設定し、Logstore を選択してクエリと分析文を入力します。その後、ページ上部の [適用] をクリックして、チャートのプレビューを表示します。
* | select __time__ - __time__ % 60 as time, count_if(region='cn-shanghai') AS count1, count_if(region='cn-hangzhou') AS count2 GROUP BY time order by time
-
Y 軸の構成：2 リージョンのリクエスト数はスケールが大きく異なるため、単一の Y 軸では中国（杭州）の傾向が読み取りにくくなります。この問題を解決するため、[フィールド設定] タブからチャート右側に第 2 の Y 軸を追加し、中国（杭州）のデータに適したスケールを設定します。
-
結果：チャートにはスケールの異なる 2 つの Y 軸が表示されます。左側の Y 軸は中国（上海）のリクエスト数に対応し、右側の Y 軸は中国（杭州）のリクエスト数に対応します（下図参照）。
-
チャートおよびダッシュボードの保存：ページ右上隅の [OK] をクリックしてチャートを保存します。その後、ダッシュボード右上隅の [保存] をクリックしてダッシュボードを保存します。
複数クエリのシナリオ
2 つのクエリ
本例では、1 分あたりの成功リクエスト数および失敗リクエスト数を可視化します。青色の折れ線は成功リクエストを、緑色の折れ線は失敗リクエストをそれぞれ表します。
1. チャートの追加
ご利用のダッシュボードで、[編集] をクリックします。編集モードでは、 をクリックします。
2. チャートの構成
-
一般設定の構成：右側パネルで [チャートタイプ] を [折れ線グラフ プロ版] に設定します。左側パネルでは、時間範囲、Logstore、クエリ文を構成します。その後、ページ上部の [適用] をクリックして、チャートのプレビューを表示します。
クエリ A：1 分あたりの成功リクエスト数をカウントします。
status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS OK GROUP BY Time ORDER BY Time LIMIT 1000クエリ B：1 分あたりの失敗リクエスト数をカウントします。
NOT status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS ERROR, status GROUP BY Time, status ORDER BY Time LIMIT 1000 -
Y 軸の構成：成功リクエスト数と失敗リクエスト数は大きく異なるため、共通の Y 軸では失敗リクエストの傾向が読み取りにくくなります。[フィールド設定] タブから、失敗リクエスト（ERROR）シリーズ用にチャート右側に Y 軸を追加します。
-
結果：チャートにはスケールの異なる 2 つの Y 軸が表示されます。左側の Y 軸は成功リクエスト用、右側の Y 軸は失敗リクエスト用です（下図参照）。
-
チャートおよびダッシュボードの保存：ページ右上隅の [OK] をクリックしてチャートを保存します。その後、ダッシュボード右上隅の [保存] をクリックしてダッシュボードを保存します。
3 つのクエリ
本例では、リクエストの持続時間ごとに分類された 1 分あたりのリクエスト数を可視化します。青色の折れ線は 10 秒以上 50 秒未満のリクエスト、緑色の折れ線は 50 秒以上 100 秒未満のリクエスト、黄色の折れ線は 100 秒以上のリクエストをそれぞれ表します。
1. チャートの追加
ご利用のダッシュボードで、[編集] をクリックします。編集モードでは、 をクリックします。
2. チャートの構成
-
一般設定の構成：右側パネルで [チャートタイプ] を [折れ線グラフ プロ版] に設定します。左側パネルでは、時間範囲、Logstore、クエリ文を構成します。その後、ページ上部の [適用] をクリックして、チャートのプレビューを表示します。
-
クエリA: 持続時間が10秒から50秒までのリクエスト数をカウントします。
request_time in [10 50) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count1, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000 -
クエリ B：50 秒以上 100 秒未満の持続時間を持つリクエスト数をカウントします。
request_time in [50 100) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count2, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000 -
クエリ C：100 秒以上の持続時間を持つリクエスト数をカウントします。
request_time >= 100 | SELECT __time__-__time__ % 60 AS Time, count(1) AS count3, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000
-
-
Y 軸の構成：異なる持続時間帯のリクエスト数は大きく異なるため、共通の軸では
count2およびcount3の傾向が読み取りにくくなります。[フィールド設定] タブから、クエリ B の結果用に別途 Y 軸を、クエリ C の結果用にもう 1 つ Y 軸を追加します。重要チャートの同一側に 2 つ以上の Y 軸を追加する場合、各軸に一意の ID を割り当てるために、[Y 軸 ＞ ID] プロパティを設定する必要があります。
-
結果：チャートには、3 つのリクエスト持続時間帯に対応するスケールの異なる 3 つの Y 軸が表示されます（下図参照）。
-
チャートおよびダッシュボードの保存：ページ右上隅の [OK] をクリックしてチャートを保存します。その後、ダッシュボード右上隅の [保存] をクリックしてダッシュボードを保存します。