随笔 - 321  文章 - 0  评论 - 6  阅读 - 34万

kibana dashboard嵌入到web中的简单做法

dashboard页面点击shard

 

 

两种使用方式:

1、snapshot一般会同时打开short url来一起使用。测试效果是这样的:

复制代码
<!DOCTYPE html>
<html>
  <style type="text/css">
    html, body { margin: 0; padding 0; width: 100%; height: 100%;}
    iframe { border: 0; width: 100%; height: 99%; }
  </style>
  <script language='javascript' type='text/javascript'>
    Hello World!
  </script>
  <body>
   <iframe src="http://xxxxxx:5602/goto/e6df454e7995ad448c74a6ce2d043561?embed=true" height="900" width="1800"></iframe>
  </body>
</html>
复制代码

 

 

2、选择saved object,效果是这样的

跟上面的测试代码一样,就是iframe节点换掉

复制代码
<!DOCTYPE html>
<html>
  <style type="text/css">
    html, body { margin: 0; padding 0; width: 100%; height: 100%;}
    iframe { border: 0; width: 100%; height: 99%; }
  </style>
  <script language='javascript' type='text/javascript'>
    Hello World!
  </script>
  <body>
   <iframe src="http://xxxxxxx:5602/app/kibana#/dashboard/c964bfe0-d7f3-11eb-aba4-756408fc1114?embed=true&_g=(refreshInterval%3A(pause%3A!t%2Cvalue%3A0)%2Ctime%3A(from%3Anow-12h%2Cmode%3Aquick%2Cto%3Anow))" height="900" width="1800"></iframe>
  </body>
</html>
复制代码

 

posted on   该用户很懒  阅读(1749)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示