Panel yang cepat

Topik dokumentasi ini dirancang untuk ruang kerja Grafana yang mendukung Grafana versi 8.x.

Untuk ruang kerja Grafana yang mendukung Grafana versi 9.x, lihat. Bekerja di Grafana versi 9

Panel Plotly merender bagan menggunakan Plotly, pustaka grafik javascript open source.

Bidang Data, Layout, dan Config cocok dengan parameter umum yang dijelaskan dalam dokumentasi Plotly. Mereka harus dalam format JSON.

Data yang disediakan oleh sumber data dapat diubah melalui skrip yang ditentukan pengguna sebelum disuntikkan dalam bagan Plotly. Skrip ini mencakup 2 argumen.

• data— Data yang dikembalikan oleh sumber data.

• variables— Objek yang berisi variabel Grafana di dasbor saat ini (variabel pengguna dan beberapa variabel global ini:__from,, __to__interval, dan__interval_ms).

Script harus mengembalikan objek dengan satu atau lebih properti berikut:data,layout, config danframes. Berikut sebuah contoh.

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,
    },
};

Objek yang dikembalikan oleh skrip dan JSON yang disediakan di bidang Data, Layout dan Config akan digabungkan (deep merge).

Jika tidak ada skrip yang disediakan, panel hanya akan menggunakan bidang Data, Layout dan Config.