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>

原文地址:https://www.cnblogs.com/to-here/p/14946017.html