插件〉Plotly 面板

面板

社区

Plotly 面板

概述
安装
相关内容

Plotly 面板

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

使用 Plotly（一个开源 JavaScript 图表库）从任何数据源呈现任何类型的图表。

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

“数据”、“布局”和“配置”字段与 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
}
}

脚本返回的对象和“数据”、“布局”和“配置”字段中提供的 JSON 将合并（深度合并）。

如果未提供脚本，则面板将仅使用“数据”、“布局”和“配置”字段。

Plotly 面板编辑器

Editor

图表示例

Panel

在 Grafana Cloud 上安装 Plotly 面板

更多信息，请访问文档插件安装。

使用 AngularJS 的插件

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

推出改进后的 Grafana BigQuery 插件

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

视频：Grafana Enterprise 版的新 Relic 数据源插件的 3 大功能

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

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

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

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

Grafana 2021 年终回顾

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

推出 Grafana 的 Sentry 数据源插件

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

2021 年 Grafana 最受欢迎的 18 个数据源插件

推出 Grafana 的 Honeycomb 插件