We will use the saved dashboard and click on the copy to clipboard button beside
Embed this dashboard option to copy the link for embedding. We will create a simple HTML file and use this iframe
source to embed it in a web page:
<html> <head> <title> Kibana_Embed</title> </head> <body> <center><b>Have a look at the functionality of embed in Kibana 4.1 </b></center> <iframe src="http://localhost:5601/#/dashboard/Kibana_Dashboard?embed&_a=(filters:!(),panels:!((col:1,id:AreaChart,row:1,size_x:6,size_y:3,type:visualization),(col:7,id:BarChart,row:5,size_x:6,size_y:3,type:visualization),(col:1,id:Line_Bubble,row:8,size_x:12,size_y:5,type:visualization),(col:1,id:LineChart,row:5,size_x:6,size_y:3,type:visualization),(col:7,id:PieChart,row:1,size_x:6,size_y:3,type:visualization)),query:(query_string:(analyze_wildcard:!t,query:'*')),title:Kibana_Dashboard)&_g=(refreshInterval:(display:Off,pause:!f,section:0,value:0),time:(from:'2015-06-02T07:15:00.000Z',mode:absolute,to:'2015-06-02T08:03:00.000Z'))" height="600" width="800"></iframe> </body> </html>
In the preceding HTML file, we added an iframe
source that contains different visualizations added to the dashboard in which we can customize properties such as (though not limited to) rows, x axis, y axis, height, and width for every visualization.
The HTML page that we just described looks like this:
3.141.192.120