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="v9-panels-plotly"></a>

****  
**Topik dokumentasi ini dirancang untuk ruang kerja Grafana yang mendukung Grafana versi 9.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 8.x, lihat. [Bekerja di Grafana versi 8](using-grafana-v8.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.buffer
let y  = data.series[0].fields[1].values.buffer
let serie = {
    x : x,
    y : y,
    name : variables.project //where project is the name of a Grafana’s variable
}

return {
    data : [serie],
    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*.