Embedding a dashboard in a web page
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'))" ...
Get Kibana Essentials now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
