根据下图编写一段html代码,grafana里通过写html前端代码来实现自定义的按钮等,grafana未提供的功能的解决方案...

问题描述:使用grafana的时候,希望能够在grafana里添加自定义的按钮,这类grafana没有提供板块的功能,应该怎么做实现。其实grafana里有个板块可以写前端的代码。直接用html代码就能实现一些grafana没有提供的板块了。例如下图的一个按钮功能,或者展示一张图片的功能。这个小板块就像一个真实的网页一样,并且可以做网页上能做到的操作。

776b808550fe41c6abcdee5e0f802159.png

52ba232e9cf97afa5df1570f6a87d1ba.png

主要是使用grafana的Text板块来做。在text板块中直接写html代码,把mode调换到html就可以让这个小板块像一个你自己写的网页一样了。这样可以实现grafana没有的功能了。

------------------------------

最终的解决方案:

使用text panel来写html脚本。mode需要改成html。同时修改一个配置文件 etc/grafana  里的grafana.ini文件里 panels disable_sanitize_html改成true。56136ce354ffbf394ba8b0d0da402a15.png

使用资料:

Text框没法显示html脚本 需要设置 https://github.com/grafana/grafana/issues/15647

/var/lib/grafana/plugins

service grafana-server restart   重启grafana

各个配置文件的位置   https://grafana.com/docs/grafana/latest/installation/debian/

----------------------------------------

走过的歪路:

grafana写html脚本发post请求

成功了,在我本地的grafana里iot

之前人家给的插件vue 不能写js git clone https://github.com/westc/grafana-vuehtml-panel.git

https://github.com/westc/grafana-vuehtml-panel

跨域问题,加端口号就还好。没尝试google那个插件。

还有一个错误没加http https://blog.csdn.net/gaoqiang1112/article/details/81076234

用的post请求的写法 https://www.cnblogs.com/Im-Victor/p/9405974.html

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值