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'))" 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:

Embedding a dashboard in a web page

Note

Elasticsearch and Kibana should be running in order to access embedded visualizations. Besides, you can share and embed individual dashboards and visualizations.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
3.128.173.53