Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Pannello Plotly
<a name="v9-panels-plotly"></a>

****  
**Questo argomento della documentazione è progettato per le aree di lavoro Grafana che supportano la versione 9.x di Grafana.**  
Per le aree di lavoro Grafana che supportano la versione 12.x di Grafana, vedere. [Funzionamento nella versione 12 di Grafana](using-grafana-v12.md)  
Per le aree di lavoro Grafana che supportano la versione 10.x di Grafana, vedere. [Funzionamento nella versione 10 di Grafana](using-grafana-v10.md)  
Per le aree di lavoro Grafana che supportano la versione 8.x di Grafana, vedere. [Funzionamento in Grafana versione 8](using-grafana-v8.md)

Il pannello Plotly esegue il rendering dei grafici utilizzando Plotly, una libreria grafica javascript [open source](https://plotly.com/javascript/).

I campi **Data**, **Layout** e **Config** corrispondono ai parametri comuni descritti nella documentazione di [Plotly](https://plotly.com/javascript/plotlyjs-function-reference/). Devono essere in formato JSON.

I dati forniti dall'origine dati possono essere trasformati tramite uno script definito dall'utente prima di essere inseriti nel grafico Plotly. Lo script include 2 argomenti.
+ `data`— Dati restituiti dalla fonte dati.
+ `variables`— Un oggetto che contiene [le variabili Grafana](templates-and-variables.md) nella dashboard corrente (variabili utente e queste poche variabili globali:`__from`, `__to``__interval`, e`__interval_ms`).

Lo script deve restituire un oggetto con una o più delle seguenti proprietà: `data``layout`, `config` e`frames`. Di seguito è riportato un esempio di :

```
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
    }
}
```

L'oggetto restituito dallo script e il JSON fornito nei campi *Data*, *Layout* e *Config* verranno uniti (unione profonda).

Se non viene fornito alcuno script, il pannello utilizzerà solo *i campi Data*, *Layout* e *Config.*