Timepicker as part of embedded dashboard

[sqpdln]

We have a use case where we're going to embed dashboards in iframes. One thing we see really lacking is the limited ability to zoom in time (especially zoom out). One solution could be to (preferably as an option) bring the timepicker into the embedded dashboard. (Kibana 4)

(I guess a workaround would be to hack it in the URL).

[rashidkpc]

We'd love to add input panels to the dashboards eventually.

[carlosvega]

This would be cool, please.

[davidsandoz]

I would love to see that feature as well!

[carlosvega]

I had to make my own time picker using jquery. I put two dates (using a date picker from bootstrap) on the fields and when I click the "Filter" button I change the iframe src URL altering the part: "time:(from:now-60d,mode:quick,to:now))" from the URL.
If you want absolute dates like "2014-02-24" you need to change the mode to "absolute". I have two modes, relative (like "now-2M"), and absolute. I think is a feature relatively easy to do.

[sqpdln]

@carlosvega yes, i did something similar, but there are still things you can't do, like making it show the correct date range after selecting it within a visualisation. also, it's a longer turnaround since it needs to reload kibana via the iframe src. or did you manage to solve any of this?

[carlosvega]

If you are referring to the lack of zoom out feature when you zoom in on the charts (which I think is also easy to do and necessary) what I do is refreshing the iframe with a button and jquery.
And no, it's not possible to change with my own timepicker ™ the chart without reloading the entire iframe. The only way to do that it's selecting the interval time in one of the date histograms, but, as you said, is not that precise.

But, I think it do not reloads exactly the entire iframe. It's faster or something, check it out

[sqpdln]

yeah, with "can't do" I ment by just by url-hacking your own solution while waiting for this feature.
zoom out, or rather go back to previous zoom level, can actually be achieved with the backbutton history. what I meant was that with my url-hack-timepicker my dropdown says "last 7 days" even if the user zoomed in on a different date range.

[mablae]

👍

[benediktarnold]

+1

[mablae]

@rashidkpc Any news on this?

[adrianolimit]

Hi everybody,

I'm working with Elasticsearch and Kibana 4.1.1 and my question is :
Is it possible to create a filter of date range in a dashboard?

For exemple, I would want to have 3 filters at the top of the dashboard "2000 to 2005", "2005 to 2010" and "2010 to 2015" in order to the user could easily filter the dates.

Thanks in advance for your help.

[carlosvega]

Yes, you can do a range filter like:
date_field: [12341243513 TO 12312124111]
Date beign in miliseconds

[adrianolimit]

To modify a dashboard, I update the dashboard kibana index stored in Elasticsearch. So this is my command :

post .kibana/dashboard/my_dashboard_demo
{
"title": "my_dashboard_demo",
"hits": 0,
"description": "",
"panelsJSON": "[{"col":1,"id":"my_first_pie","row":3,"size_x":6,"size_y":5,"type ":"visualization"}]",
"version": 1,
"kibanaSavedObjectMeta": {
"searchSourceJSON":"{"filter":[{"meta":{"disabled":true,"index":"my_index","key":"USER","negate":false,"value":"Owner"},"query":{"match":{"USER":{"query":"Owner","type":"phrase"}}}},{"meta":{"index":"my_index","key":"CREATION_DATE","value":"Creation_Date","negate":false,"disabled":true},"query":{"match":{"CREATION_DATE":{"query":"2012-12-06T18:10:30","type":"phrase"}}}}]}"}
}

With this command, I have a simple dashboard with 2 filters : 1 on the field "USER" and 1 other on the field "CREATION_DATE". I want to modify my second filter in order to obtain a range date, so I just need to change this
"{"query":"2012-12-06T18:10:30,"type":"phrase"}
by this
"{"query":CREATION_DATE: [12341243513 TO 12312124111] ,"type":"phrase"} ?

Thanks in advance for your help.