Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

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

****  
Dieses Dokumentationsthema wurde für Grafana-Workspaces entwickelt, die **Grafana-Version 9.x** unterstützen.  
Informationen zu Grafana-Arbeitsbereichen, die Grafana-Version 10.x unterstützen, finden Sie unter. [Arbeitet in Grafana-Version 10](using-grafana-v10.md)  
Informationen zu Grafana-Arbeitsbereichen, die Grafana-Version 8.x unterstützen, finden Sie unter. [Arbeitet in Grafana-Version 8](using-grafana-v8.md)

Das Plotly-Bedienfeld rendert Diagramme mit [Plotly](https://plotly.com/javascript/), einer Open-Source-JavaScript-Grafikbibliothek.

Die Felder **Data**, **Layout** und **Config** entsprechen den allgemeinen Parametern, die in der [Plotly-Dokumentation beschrieben sind](https://plotly.com/javascript/plotlyjs-function-reference/). Sie müssen im JSON-Format sein.

Von der Datenquelle bereitgestellte Daten können über ein benutzerdefiniertes Skript transformiert werden, bevor sie in das Plotly-Diagramm eingefügt werden. Das Skript enthält 2 Argumente.
+ `data`— Von der Datenquelle zurückgegebene Daten.
+ `variables`— Ein Objekt, das [Grafana-Variablen](templates-and-variables.md) im aktuellen Dashboard enthält (Benutzervariablen und diese wenigen globalen Variablen:`__from`, `__to``__interval`, und`__interval_ms`).

Das Skript muss ein Objekt mit einer oder mehreren der folgenden Eigenschaften zurückgeben: `data``layout`, `config` und`frames`. Im Folgenden wird ein -Beispiel gezeigt.

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

Das vom Skript zurückgegebene Objekt und das in den Feldern *Data*, *Layout* und *Config* angegebene JSON werden zusammengeführt (Deep Merge).

Wenn kein Skript bereitgestellt wird, verwendet das Panel nur *Daten* -, *Layout* - und *Konfigurationsfelder*.