Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Panel yang cepat
<a name="plotly-panel"></a>

****  
**Topik dokumentasi ini dirancang untuk ruang kerja Grafana yang mendukung Grafana versi 8.x.**  
Untuk ruang kerja Grafana yang mendukung Grafana versi 10.x, lihat. [Bekerja di Grafana versi 10](using-grafana-v10.md)  
Untuk ruang kerja Grafana yang mendukung Grafana versi 9.x, lihat. [Bekerja di Grafana versi 9](using-grafana-v9.md)

Panel Plotly merender bagan menggunakan [Plotly, pustaka](https://plotly.com/javascript/) grafik javascript open source.

Bidang **Data**, **Layout**, dan **Config** cocok dengan parameter umum yang dijelaskan dalam dokumentasi [Plotly](https://plotly.com/javascript/plotlyjs-function-reference/). 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](templates-and-variables.md) 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` dan`frames`. Berikut adalah contohnya.

```
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*.