监控页面变量串起来的Skill

使用@grafana/scenes框架构建Grafana插件的数据驱动页面。

grafana-scenes 是为 Grafana 插件搭建数据页面的 Skill。它用场景对象组成树,把页面、布局、面板、查询和变量连接起来。

父级可以给子级提供变量、时间范围等上下文。查询用了 cluster 变量,祖先场景就要定义它;只在页面上画一个筛选框,未必已经接进查询。

主文示例从查询执行器到表格面板,再注册页面,并展示下钻和标签页。带下钻的路由要能匹配子路径,参数传入和解析要考虑编码;场景延迟创建时,也别顺手在工厂里做外部动作。

适合需要多个面板共享筛选与导航的开发者。归档片段是拼装思路,部分类型和函数留给项目实现,不能复制几段就称页面已完成;实际还要核数据源、路由、依赖版本与交互结果。

分类:部署运维

来源仓库:grafana/skills

适合用来做什么

  • 请使用@grafana/scenes框架构建Grafana插件页面。
  • 如何添加面板到Grafana场景页面?

安装 grafana-scenes

npx skills add https://www.iskills.cc/skills/grafana/skills/grafana-scenes/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 grafana-scenes 的用途与原始说明

浏览全部 Skill 指南