实战Grafana iFrame嵌入配置调教以及绘制各种图形技巧

359次阅读
5条评论

共计 833 个字符,预计需要花费 3 分钟才能阅读完成。

环境

  • CentOS 7
  • MySQL 5.7.30
  • Grafana 7.5.9

FAQ 1. 如何将 Grafana Dashboard 以 iFrame 形式嵌入第三方页面?

  • 开放匿名访问并限制权限, 在默认配置路径 /etc/grafana/grafana.ini 下的 [auth.anonymous] 修改为如下配置,
[auth.anonymous]
# enable anonymous access
enabled = true

# specify organization name that should be used for unauthenticated users
org_name = Main Org.

# specify role for unauthenticated users
org_role = Viewer
  • 在上述默认配置路径的 [security] 中允许使用嵌入
[security]
# set to true if you want to allow browsers to render Grafana in a <frame>, <iframe>, <embed> or <object>. default is false.
allow_embedding = true

FAQ 2. 如何为新式表格 (区别于 7.x 版本之前的 old table) 中的字段增加固定的超连接?

p.s. 7.x 版本之前的请参考本站的  全网首发实战 Grafana 图表数据向下钻取(支持跳转到不同的对应面板) 这篇文章。

咱们不看广告,先看疗效,

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧

下面来看看具体怎么设置,一共截了 5 张图,好累啊,本来估计要截 7 张的,最后两步自己稍微摸索一下吧,

[$]

首先,在 panel 的编辑页面切到 Overrides 选项卡,然后找到底部的 Add an override for 按钮,如下:

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧

然后选择 Fileds with name,如下:

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧

然后选择要添加超连接的字段,比如下面我这里的字段,

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧

然后选择 add override property,如下:

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧最后选择 滚动条 最后一项 data links,在弹出的框里填入超链接就行了,如下:

实战 Grafana iFrame 嵌入配置调教以及绘制各种图形技巧

[/$]

FAQ 3.  

正文完
 
sharp097
版权声明:本站原创文章,由 sharp097 2021-09-04发表,共计833字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(5条评论)
lekro 评论达人 LV.1
2023-02-22 20:07:56 回复

你好,想请教一下
当通过iframe引用panel时,嵌入的grafana页面时间会有8个小时时差
但我在grafana上是正确的时间
您遇到过这个问题嘛

 Windows  Chrome  美国加利福尼亚旧金山
    sharp097 博主
    2023-02-22 20:39:05 回复

    @lekro 你是不是内嵌链接的时候不小心选了右上角的时间区间呀,然后这个会反应到你的内嵌url的query string上面,然后你可能没仔细看就内嵌进去了,一般来讲是不会有差别的~

     Android  Chrome
    lekro 评论达人 LV.1
    2023-02-22 20:41:47 回复

    @sharp097 没选时间区间
    每秒刷新一次,但是时间比真实时间快8h
    我也不知道为什么会这样

     Android  Chrome  中国香港
    sharp097 博主
    2023-02-22 20:50:34 回复

    @lekro 我刚看了一下我们的grafana后台的web界面的控制台配置,里面可以配置时区,你看一下是不是配成别的时区了,另外etc里面的ini配置也可以检查一下下~

     Android  Chrome
    lekro 评论达人 LV.1
    2023-02-22 20:53:11 回复

    @sharp097 好的,我去看看,麻烦您了

     Android  Chrome  新加坡