プロットパネル - Amazon Managed Grafana

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

プロットパネル

このドキュメントトピックは、Grafana バージョン 8.x をサポートする Grafana ワークスペース向けに設計されています。

Grafana バージョン 10.x をサポートする Grafana ワークスペースについては、「」を参照してくださいGrafana バージョン 10 での作業。

Grafana バージョン 9.x をサポートする Grafana ワークスペースについては、「」を参照してくださいGrafana バージョン 9 での作業。

Plotly パネルは、オープンソースの javascript グラフライブラリである Plotly を使用してグラフをレンダリングします。

データ、レイアウト、および Config フィールドは、Plotly ドキュメント で説明されている一般的なパラメータと一致します。JSON 形式である必要があります。

データソースによって提供されるデータは、Plotly チャートに挿入する前に、ユーザー定義スクリプトを介して変換できます。スクリプトには 2 つの引数が含まれています。

  • data – データソースによって返されるデータ。

  • variables – 現在のダッシュボードに Grafana 変数 (ユーザー変数と、以下のいくつかのグローバル変数: __from、__to、__interval、および __interval_ms) を含むオブジェクト。

スクリプトは、、data、 layout config の 1 つ以上のプロパティを持つオブジェクトを返す必要がありますframes。次に例を示します。

let x = data.series[0].fields[0].values;
let y = data.series[0].fields[1].values;
let series = {
    x: x,
    y: y,
    name: variables.name, // where ‘name’ is the name of a Grafana dashboard variable
};

return {
    data: [series],
    config: {
        displayModeBar: false,
    },
};

データ、レイアウト、および Config フィールドで指定されたスクリプトと JSON によって返されたオブジェクトはマージされます (ディープマージ）。

スクリプトが指定されていない場合、パネルはデータ、レイアウト、および Config フィールドのみを使用します。