zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    jQuery.qrcode二维码插件生成网页二维码
    JavaScript 常用方法
    jQuery——样式与动画
    jQuery——事件
    js基础(使用Canvas画图)
    ES6
    正则表达式总结及常规的正则表达式校验
    jQuery基础介绍
    weblogic 数据源高可用配置
    win10 查看端口是否被占用以及杀进程
  • 原文地址:https://www.cnblogs.com/to-here/p/14946017.html
Copyright © 2011-2022 走看看