kibana支持dashboard內嵌到我們自己的web前端中，
1.點擊kibana的dashboard
2.點擊“share" 標籤頁
3.![watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eml6b25naGVuZw==,size_16,color_FFFFFF,t_70]()
4.把上面代碼內嵌到我們的html節點中即可
<!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://localhost:81/elk/app/kibana#/dashboard/4462e850-54fa-11e8-ba6a-d3c48cdae39b?embed=true&_g=(refreshInterval%3A('%24%24hashKey'%3A'object%3A1084'%2Cdisplay%3A'2%20hour'%2Cpause%3A!f%2Csection%3A3%2Cvalue%3A7200000)%2Ctime%3A(from%3Anow-30m%2Cinterval%3A'1m'%2Cmode%3Aquick%2Ctimezone%3AAsia%2FShanghai%2Cto%3Anow))" height="600" width="800" ></iframe>
</body>
</html>
5.需要注意的是好多web服務器， 比如apache默認是不允許跨域訪問
6.打開apache的http.conf配置文件， 搜索X-Frame-Options
<IfModule headers_module>
<IfVersion >= 2.4.7 >
Header always setifempty X-Frame-Options SAMEORIGIN
</IfVersion>
<IfVersion < 2.4.7 >
Header always merge X-Frame-Options SAMEORIGIN
</IfVersion>
RequestHeader unset Proxy
</IfModule>
7.修改 SAMEORIGIN爲ALLOW-FROM ， 或者把setifempty改爲 unset
<IfModule headers_module>
<IfVersion >= 2.4.7 >
#Header always setifempty X-Frame-Options ALLOW-FROM http://localhost
Header always unset X-Frame-Options
</IfVersion>
<IfVersion < 2.4.7 >
#Header always merge X-Frame-Options ALLOW-FROM http://localhost
Header always unset X-Frame-Options
</IfVersion>
RequestHeader unset Proxy
</IfModule>