Autorefresh Kibana dashboard in an IFrame

Elastic Stack Kibana
1

Hi,

I've created a Kibana dashboard and set up autorefreshing - looks great when viewed in Kibana, however I want to embed this in a web page.

I've copied the embed iframe code the as both saved object and snapshot, but once used in an IFrame on a web page, the auto refresh doesn't work.

Here's the iframe source URI that is copied from Kibana:

http://localhost:5601/app/kibana#/dashboard/e41be340-0221-11e9-9e70-bb6fc615084f?embed=true&_g=(filters:!(),refreshInterval:(pause:!f,value:10000),time:(from:now-30d,mode:quick,to:now))&_a=(description:'',filters:!(),fullScreenMode:!f,options:(darkTheme:!f,hidePanelTitles:!f,useMargins:!t),panels:!((embeddableConfig:(),gridData:(h:15,i:'1',w:24,x:0,y:0),id:f2dd1e50-021f-11e9-9e70-bb6fc615084f,panelIndex:'1',type:visualization,version:'6.5.1'),(embeddableConfig:(vis:(legendOpen:!t)),gridData:(h:15,i:'2',w:24,x:24,y:0),id:'5e579d40-0220-11e9-9e70-bb6fc615084f',panelIndex:'2',type:visualization,version:'6.5.1'),(embeddableConfig:(),gridData:(h:11,i:'3',w:48,x:0,y:15),id:dc4d4010-0220-11e9-9e70-bb6fc615084f,panelIndex:'3',type:visualization,version:'6.5.1')),query:(language:lucene,query:''),timeRestore:!f,title:Dashboard,viewMode:edit)

What am I doing wrong?

I can get a dashboard autorefreshing in an IFrame, but only by removing the embed=true and then setting the autorefresh manually. This is no good, as I don't want the users accessing all the other stuff you get when removing the embed flag.

Version: 6.5.1, tried in Chrome and Firefox

2

I was also not able to get auto-refresh in embedded iframes to work in v6.5.1. However, I tried on v6.5.3 and have no issues. I recommend upgrading your Kibana version to the latest patch.

1 Like
3

Hmmm, I'll see if I can upgrade in our environment. Though it seems like quite a fundamental thing to not be working...

Thanks.

4

Hi there,
I'm new to Kibana and the forums, so my questions are fairly broad at this stage.

Like OP, I'm also developing a webapp that will display graphs from ES. Are Kibana iFrames the best way to visualize the data? Is there a JS library I can use to control the graphs a little better?

Some issues that I would like to address:

  1. Faster initial loading times for multiple graphs
  2. State management so graphs don't reload on page load
  3. Filters are applied to all graphs on same page

I'm sure I can find solutions to these issues using libraries. Does the g=() at the end of the iframe allow for programmatically changing things within my webapp?

Thanks in advance for your help,
Mick

5

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.