插件 〉Plotly面板
Plotly 面板
Plotly 面板
https://github.com/ae3e/ae3e-plotly-panel
使用 Plotly（一个开源的 JavaScript 图表库）从任何数据源渲染任何类型的图表
与 natel-plotly-panel 不同，此插件不仅限于特定类型的图表。然而，另一方面，用户界面非常粗糙，以便用户可以设置 Plotly 中所有可用的选项。
“数据”、“布局”和“配置”字段与在 Plotly 文档 中描述的通用参数匹配。它们必须以 JSON 格式。
在注入到 Plotly 图表之前，可以通过用户定义的脚本来转换数据源提供的数据。脚本包括 2 个参数
data：数据源返回的数据variables：包含当前仪表板（用户变量和一些全局变量：__from、__to、__interval和__interval_ms）中可用的 Grafana 变量 的对象。
脚本必须返回一个对象，其中包含以下属性之一或多个：data、layout、config 和 frames。
示例
let x = data.series[0].fields[0].values.buffer let y = data.series[0].fields[1].values.bufferlet serie = { x : x, y : y, name : variables.project //where project is the name of a Grafana’s variable }
return { data : [serie], config : { displayModeBar: false } }
脚本返回的对象和 数据、布局 和 配置 字段中提供的 JSON 将合并（深度合并）。
如果没有提供脚本，面板将仅使用 数据、布局 和 配置 字段。
Plotly 面板编辑器
图表示例
在 Grafana Cloud 上安装 Plotly 面板
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
在 Grafana Cloud 实例上安装插件是一个一键安装；更新也是如此。酷，不是吗？
请注意，可能需要 1 分钟才能在您的 Grafana 中看到插件。
有关更多信息，请访问插件安装文档。
在本地Grafana上安装
对于本地实例，插件通过简单的CLI命令进行安装和更新。插件不会自动更新，但是当有更新可用时，您将在Grafana中收到通知。
1. 安装面板
使用grafana-cli工具从命令行安装Plotly面板
grafana-cli plugins install 插件将被安装到您的Grafana插件目录中；默认为/var/lib/grafana/plugins。有关cli工具的更多信息，请参阅此处。
2. 将面板添加到仪表板
已安装的面板立即在Grafana主菜单的“仪表板”部分可用，可以像添加其他任何核心面板一样添加。
要查看已安装面板的列表，请点击主菜单中的“插件”项。核心面板和已安装面板都将显示。
