插件〉Plotly 面板

面板

社区

Plotly 面板

概述
安装
相关内容

Plotly 面板

https://github.com/ae3e/ae3e-plotly-panel

使用 Plotly (一个开源 Javascript 图形库) 从任何数据源渲染任何类型的图表

与 natel-plotly-panel 不同，此插件不限于特定类型的图表。但另一方面，用户界面非常粗糙，以便用户设置 Plotly 中提供的所有选项。

Data、Layout 和 Config 字段与 Plotly 文档中描述的常用参数匹配。它们必须是 JSON 格式。

数据源提供的数据可以通过用户定义的脚本进行转换，然后再注入到 Plotly 图表中。该脚本包含 2 个参数

data：数据源返回的数据
variables：包含当前仪表板中可用的 Grafana 变量的对象（用户变量和一些全局变量：__from、__to、__interval 和 __interval_ms）。

脚本必须返回具有以下一个或多个属性的对象：data、layout、config 和 frames。

示例

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

脚本返回的对象和 Data、Layout 和 Config 字段中提供的 JSON 将被合并（深度合并）。

如果未提供脚本，则面板将仅使用 Data、Layout 和 Config 字段。

Plotly 面板编辑器

Editor

图表示例

Panel

在 Grafana Cloud 上安装 Plotly 面板

有关更多信息，请访问关于插件安装的文档。

使用 AngularJS 的插件

监控图像渲染器

排查图像渲染故障

视频：如何开始使用 MongoDB 和 Grafana

介绍全新改进的 Grafana BigQuery 插件

使用 Grafana、Databricks 和 Sqlyze 插件监控废水中的 COVID-19 病毒水平

视频：Grafana 企业版 New Relic 数据源插件的 3 大功能

Grafana Cloud 合成监控插件中的 traceroute 如何帮助进行网络故障排除

视频：如何在 Grafana 中构建 Prometheus 查询

视频：如何在 Grafana 中设置 Prometheus 数据源

不要错过我们关于 Grafana Tempo、Grafana 企业版 Traces 和新的 Sentry 插件的网络研讨会

Grafana 2021 年回顾

使用新的 Amazon Redshift 数据源插件在 Grafana 中监控所有 Redshift 集群

介绍 Grafana 的 Sentry 数据源插件

使用新的 Amazon Athena 插件为 Grafana 查询和分析 Amazon S3 数据