本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。
Plotly 面板
本文档主题专为支持 Grafana 8.x 版本的 Grafana 工作空间而设计。
有关支持 Grafana 版本 10.x 的 Grafana 工作空间,请参阅。在 Grafana 版本 10 中工作
有关支持 Grafana 9.x 版本的 Grafana 工作空间,请参阅。在 Grafana 版本 9 中工作
Plotly 面板使用开源 javascript 图形库 Plotly
数据、布局和配置字段与 Plotly 文档
数据源提供的数据可以在注入 Plotly 图表之前通过用户定义的脚本进行转换。该脚本包含 2 个参数。
-
data
— 数据源返回的数据。 -
variables
— 包含当前仪表板中的 Grafana 变量(用户变量和以下几个全局变量__from
:__to
、__interval
、和)的对象。__interval_ms
该脚本返回的对象必须具有以下一个或多个属性:data
layout
、config
和frames
。示例如下:
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, }, };
脚本返回的对象与 “数据”、“布局” 和 “配置” 字段中提供的 JSON 将被合并(深度合并)。
如果未提供脚本,则面板将仅使用 “数据”、“布局” 和 “Config” 字段。