05.9仪表盘链接和跳转

分类: Grafana Dashboard创建基础

仪表盘链接和跳转

Dashboard 链接是 Grafana 的重要功能,可以让不同 Dashboard 之间相互关联。本节将学习:如何配置链接、跨 Dashboard 跳转、以及 URL 参数传递。

配置 Dashboard 链接

配置链接的步骤是什么?

第一步:进入 Dashboard 设置。 Dashboard Settings > Links,点击 Add dashboard link。

第二步:配置链接类型。 Dashboard:跳转到其他 Dashboard,URL:跳转到外部 URL,Dashboard variable:跳转到 Dashboard 并传递变量。可以选择不同的链接类型。

第三步:配置链接参数。 Title:链接标题,Type:链接类型,Dashboard:选择目标 Dashboard,Include variables:是否包含变量,Open in new tab:是否在新标签打开。这些参数可以控制链接的行为。

第四步:保存链接。 点击 Save,链接会出现在 Dashboard 顶部。

链接类型: Dashboard Links 包括 Dashboard(内部跳转)、URL(外部跳转)、Dashboard variable(传递变量)。不同的类型有不同的用途。

配置链接后,用户可以从一个 Dashboard 跳转到另一个 Dashboard。

跨 Dashboard 跳转

跨 Dashboard 跳转是什么? 跨 Dashboard 跳转用于在不同 Dashboard 之间导航。

跨 Dashboard 跳转适用于哪些场景呢?

  • 从概览 Dashboard 跳转到详细 Dashboard。 用户可以先看概览,然后跳转到详细 Dashboard。
  • 从服务 Dashboard 跳转到实例 Dashboard。 用户可以先看服务级别的指标,然后跳转到实例级别的指标。
  • 从基础设施 Dashboard 跳转到应用 Dashboard。 用户可以先看基础设施指标,然后跳转到应用指标。

跳转配置:

第一个配置:选择目标 Dashboard。 从 Dashboard 列表选择,可以搜索 Dashboard,支持变量传递。

第二个配置:配置跳转方式。 替换当前页面、在新标签打开、传递当前变量值。可以选择不同的跳转方式。

第三个配置:使用变量链接。 在 Panel 中配置链接,点击 Panel 跳转,传递 Panel 相关的变量。这样可以从 Panel 跳转。

跳转流程: 当前 Dashboard → 点击链接 → 选择目标 Dashboard → 传递变量 → 跳转到目标 Dashboard → 显示目标 Dashboard。

使用链接可以让 Dashboard 之间相互关联。

URL 参数传递

URL 参数传递是什么? URL 参数传递用于在跳转时传递变量值。

URL 参数有什么格式呢?

  • ?var-service=api
    :传递 service 变量值为 api。
  • ?var-instance=server-1
    :传递 instance 变量值为 server-1。
  • ?var-environment=production
    :传递 environment 变量值为 production。

URL 参数传递有什么方式呢?

第一种方式:在链接中传递。 在链接 URL 中添加参数,使用变量值,自动传递当前变量。这样链接会包含变量值。

第二种方式:使用变量语法。

${service}
${instance}
${__all_variables}
。这样可以使用变量值。

第三种方式:时间范围传递。

?from=now-1h&to=now
?from=1642248000&to=1642251600
。这样可以传递时间范围。

URL 参数示例:

基础链接:

/d/abc123/dashboard-name?var-service=api
。这会跳转到 Dashboard 并设置 service 变量为 api。

完整链接:

/d/abc123/dashboard-name?var-service=api&var-instance=server-1&from=now-1h&to=now
。这会跳转并传递多个参数。

参数传递流程: 当前 Dashboard → 变量值 → 构建 URL → 添加参数 → 跳转链接 → 目标 Dashboard → 接收变量值。

使用 URL 参数可以传递变量值,让跳转更智能。

本节小结

在本节中,我们学习了仪表盘链接和跳转:

第一个是链接配置。 Dashboard Settings > Links > Add dashboard link。可以配置不同类型的链接。

第二个是链接类型。 Dashboard、URL、Dashboard variable。不同的类型有不同的用途。

第三个是跨 Dashboard 跳转。 选择目标 Dashboard,传递变量。可以在不同 Dashboard 之间导航。

第四个是 URL 参数传递。 使用 ?var-name=value 格式。可以传递变量值。

Dashboard Links 总结: Dashboard Links 包括链接配置、跨 Dashboard 跳转、URL 参数传递。这些功能组合在一起,可以让 Dashboard 之间相互关联。

这就是仪表盘链接和跳转。使用链接可以让 Dashboard 更易用、更实用。

在下一节,我们将进行练习:创建 ShoeHub 基础设施 Dashboard。动手实践,巩固知识。