# Visualize date range with hourly buckets 1 - 24

**URL:** https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638
**Category:** Kibana
**Created:** [March 17, 2016, 12:19am UTC](https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638 "2016-03-17T00:19:01Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![yahoo](https://avatars.discourse-cdn.com/v4/letter/y/898d66/32.png) [@yahoo](https://discuss.elastic.co/u/yahoo)
#### Post date: [March 17, 2016, 12:19am UTC](https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638/1 "2016-03-17T00:19:01Z")

</div>

Hi  
I want to visualize the data based on date ranges.  
The x-axis will be from 1 to 24.  
It shows the traffic count during each hour over the time period (the period is specified via the time filter).  
For example,  
bucket 1 will have all the traffic over the last month that happened between 12AM and 1 AM.  
What is the format for such date range.  
Thanks.

---

<div class="post-metadata">

### Author: ![LeeDr](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/leedr/32/9289_2.png) [@LeeDr](https://discuss.elastic.co/u/LeeDr)
#### Post date: [March 17, 2016, 9:50pm UTC](https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638/2 "2016-03-17T21:50:00Z")

</div>

Like this in Discover tab? I've set my absolute time range to be 1 day, and interval to be hourly;

 ![](https://us1.discourse-cdn.com/elastic/original/2X/d/d9a9bf20462387f2a8c6d767c24cc944f8dc1ce5.png)

Or the similar chart as a vertical bar chart;

 ![](https://us1.discourse-cdn.com/elastic/original/2X/f/f222b2d78846b9c3d5de4373687dd895158d2326.png)

---

<div class="post-metadata">

### Author: ![yahoo](https://avatars.discourse-cdn.com/v4/letter/y/898d66/32.png) [@yahoo](https://discuss.elastic.co/u/yahoo)
#### Post date: [March 19, 2016, 7:11pm UTC](https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638/3 "2016-03-19T19:11:57Z")

</div>

Quite useful.  
Thanks a lot.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)
#### Post date: [July 6, 2017, 1:58pm UTC](https://discuss.elastic.co/t/visualize-date-range-with-hourly-buckets-1-24/44638/4 "2017-07-06T13:58:33Z")

</div>