Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

# Panel de Plotly


****  
Este tema de documentación está diseñado para los espacios de trabajo de Grafana que admiten la **versión 9.x de Grafana**.  
Para los espacios de trabajo de Grafana que admiten la versión 10.x de Grafana, consulte [Uso de la versión 10 de Grafana](using-grafana-v10.md).  
Para los espacios de trabajo de Grafana que admiten la versión 8.x de Grafana, consulte [Uso de la versión 8 de Grafana](using-grafana-v8.md).

El panel de Plotly renderiza los gráficos con [Plotly](https://plotly.com/javascript/), una biblioteca de gráficos de código abierto en JavaScript.

Los campos **Datos**, **Diseño** y **Configuración** coinciden con los parámetros comunes descritos en la [documentación de Plotly](https://plotly.com/javascript/plotlyjs-function-reference/). Deben estar en formato JSON.

Los datos proporcionados por el origen de datos se pueden transformar mediante un script definido por el usuario antes de insertarlos en el gráfico de Plotly. El script incluye 2 argumentos.
+ `data`: datos devueltos por el origen de datos.
+ `variables`: un objeto que contiene [variables de Grafana](templates-and-variables.md) en el panel de control actual (variables de usuario y estas pocas variables globales: `__from`, `__to`, `__interval` y`__interval_ms`).

El script debe devolver un objeto con una o más de las siguientes propiedades: `data`, `layout`, `config` y `frames`. A continuación se muestra un ejemplo.

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

El objeto devuelto por el script y el JSON proporcionado en los campos *Datos*, *Diseño* y *Configuración* se fusionarán (fusión profunda).

Si no se proporciona ningún script, el panel utilizará únicamente los campos *Datos*, *Diseño* y *Configuración*.