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>

  • 相关阅读:
    Java编译期和运行期
    深入理解重载和重写及与之相关的多态性 Overloading and Overriding(转)
    Java编译期优化与运行期优化技术浅析
    JAVA反射
    JSP笔记(二)
    JSP笔记(一)
    字符串之String类
    JAVA的Random类介绍
    (转)详细分析css float 属性
    协议与委托
  • 原文地址:https://www.cnblogs.com/to-here/p/14946017.html
Copyright © 2011-2022 走看看