Grafana页面嵌入及隐藏左侧边栏和顶部菜单栏

Grafana页面嵌入及隐藏左侧边栏和顶部菜单栏

  • 修改grafana配置,开启允许嵌入及匿名访问
vim /etc/grafana/grafana.ini

# 允许浏览器嵌入grafana
allow_embedding = true

# 开启匿名访问
[auth.anonymous]
# enable anonymous access
enabled = true

# 修改参数后需重启grafana
  • 隐藏左侧菜单栏和顶部菜单栏,点击如下图所示的“小电脑”图标

    • 点击第一次,隐藏左侧边栏,相当于URL后面加上参数 “&kiosk=tv”
    • 点击第二次,隐藏左侧边栏和顶部菜单栏(会隐藏下拉框),相当于URL后面加上参数 “&kiosk”
    • 隐藏左侧边栏且不会隐藏下拉框,在URL后面加上参数 “&kiosk=full”
      在这里插入图片描述

Grafana 统计每分钟指标数量

SELECT 
  $__timeGroup(`created`,'1m') as time_sec,
  count(1) as '查询数'
FROM presto_query_info2 
where cluster = '$cluster'
GROUP BY 1 
ORDER BY 1

-- 1m 统计每分钟的,可以替换成1h、1d等
-- https://community.grafana.com/t/how-to-group-by-time-in-grafana-with-mysql-query/4391
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue是一种用于构建用户界面的JavaScript框架,它提供了一种简洁、高效的方式来创建Web应用程序。在Vue中,顶部菜单和侧边可以通过组件之间的关系进行对应。 首先,我们可以创建一个顶部菜单组件,该组件可以包含多个菜单项,每个菜单项对应一个路由。通过使用Vue Router插件,我们可以定义应用程序中不同页面之间的导航。 具体来说,我们可以使用router-link组件将每个菜单项链接到对应的路由。这样,在用户点击菜单项时,vue-router将负责显示与该路由相关的组件内容。 同时,我们也可以创建一个侧边组件,该组件用于显示不同页面之间的导航。这个侧边可以包含与顶部菜单相同的菜单项,并且通过给菜单项绑定点击事件,当用户点击侧边菜单项时,我们可以使用Vue Router来跳转到相应的页面。 为了实现顶部菜单和侧边之间的联动,我们可以使用Vue中提供的事件机制。在顶部菜单组件中,我们可以通过$emit方法触发一个自定义事件,并将需要传递的数据作为参数传入。然后,在父组件中监听这个事件,并在事件处理函数中改变侧边组件的状态,例如改变菜单项的选中状态。 总结来说,Vue中的顶部菜单和侧边可以通过组件和事件之间的关系进行对应。通过使用Vue Router来管理不同页面之间的导航,同时利用Vue的事件机制实现联动效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值