跳到主内容

Grafana 插件示例

示例插件让你了解几种类型的 Grafana 插件的结构、特性和实现细节。这些是真实的用例代码，你可以学习甚至在你的项目中重用。

以下列表描述了一些我们受欢迎的插件。完整列表请参阅 README。

面板插件​

  • panel-basic: 这是创建简单面板插件的良好起点，用于可视化数据、导航仪表盘或控制设备。
  • panel-frame-select: 此示例展示如何使用数据查询响应中的值来更新面板选项。

数据源插件​

  • datasource-basic: 此应用展示如何将新的数据源（包括内部指标应用）集成到数据源插件中。
  • datasource-http-backend: 此应用演示如何从基于 HTTP 的 API 查询数据，其中 HTTP 调用在后端发生。支持告警。
  • datasource-logs: 此应用展示如何创建具有日志记录功能的数据源插件。
  • datasource-streaming: 使用 RxJS 和 WebSockets 实时更新可视化。

应用插件​

  • app-basic: 此应用插件展示如何添加导航、路由、样式和配置等基本功能。
  • app-with-backend: 此应用插件添加对后端支持，包括处理传入的 HTTP 请求。
  • app-with-dashboards: 此示例展示如何将预构建的仪表盘包含在你的应用插件中。
  • app-with-extension-point: 此示例展示如何添加一个可被其他插件扩展的插件扩展点。
  • app-with-scenes: 使用 @grafana/scenes 框架构建一个基本应用插件。此示例展示了自定义页面、嵌套数据源和面板插件的示例。