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>

  • 相关阅读:
    德信创业系2014版
    [学习笔记]矩形面积并
    第六章 深入分析ClassLoader工作机制
    第五章 深入class文件结构
    设计模式
    第四章 Javac编译原理
    第三章 深入分析Java Web中的中文编码问题
    第2章 深入分析java I/O的工作机制(下)
    linnx常用命令学习
    jenkins学习(1)
  • 原文地址:https://www.cnblogs.com/to-here/p/14946017.html
Copyright © 2011-2022 走看看