插件〉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 病毒水平

视频：New Relic 数据源插件在 Grafana Enterprise 中的三大特性

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

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

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

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

Grafana 2021：年度回顾

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

介绍适用于 Grafana 的 Sentry 数据源插件