# Kibana Chart x-axis customization issue

**URL:** <https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820>\
**Category:** Kibana\
**Created:** [July 12, 2018, 6:58pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820 "2018-07-12T18:58:39Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![vic18](https://avatars.discourse-cdn.com/v4/letter/v/a6a055/32.png) [@vic18](https://discuss.elastic.co/u/vic18)\
**Post date:** [July 12, 2018, 6:58pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/1 "2018-07-12T18:58:39Z")

</div>

I have a vertical bar chart.  
X-axis is the Date Histogram Aggregation on timestamp. Interval is Daily.  
However, the labels are automatically generated and not matching the column very well.  
Is there a way to change that?  
For example, first column should be aligned to (shown as) July 2nd and last column should be July 12th.

 ![2018-07-12%2013_21_23-Processing%20Status%20Over%20Time%20(by%20day)%20-%20Kibana](https://us1.discourse-cdn.com/elastic/original/3X/b/0/b0c103656628534e05d7bf3c13879a5315b1ff6e.png)

---

<div class="post-metadata">

**Author:** ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)\
**Post date:** [July 12, 2018, 10:10pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/2 "2018-07-12T22:10:03Z")

</div>

You can adjust the advanced setting `dateFormat:scaled` to specify the interval label. Advanced settings can by adjusted by first selecting "Management" on the left and then selecting "Advanced Settings".

By default the value for `dateFormat:scaled` is

```auto
[
  ["", "HH:mm:ss.SSS"],
  ["PT1S", "HH:mm:ss"],
  ["PT1M", "HH:mm"],
  ["PT1H", "YYYY-MM-DD HH:mm"],
  ["P1DT", "YYYY-MM-DD"],
  ["P1YT", "YYYY"]
]

```

For example, you can adjust the day intervals format by changing `["P1DT", "YYYY-MM-DD"]` to `["P1DT", "MM-DD"]` to just view the month and day

---

<div class="post-metadata">

**Author:** ![vic18](https://avatars.discourse-cdn.com/v4/letter/v/a6a055/32.png) [@vic18](https://discuss.elastic.co/u/vic18)\
**Post date:** [July 13, 2018, 3:44pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/3 "2018-07-13T15:44:15Z")

</div>

Thanks. This only changes the intervals format. However, it's still not aligned.  
For example, the first column should be aligned to 07-02.  
the last one should be aligned to 07-13 (07-13 is not even displayed, actually)  
Because if you hover over the columns, the first one is for July 02, and the last one is for July 13th.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/1/4/14db056c8e137144cc936253fc6d7d24d14f2817.png)

---

<div class="post-metadata">

**Author:** ![Nathan\_Reese](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/nathan_reese/32/84829_2.png) [@Nathan\_Reese](https://discuss.elastic.co/u/Nathan_Reese)\
**Post date:** [July 13, 2018, 4:06pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/4 "2018-07-13T16:06:03Z")

</div>

I am not sure if that is possible. You can open a [feature request](https://github.com/elastic/kibana/issues/new?template=Feature_request.md) to track the issue

---

<div class="post-metadata">

**Author:** ![vic18](https://avatars.discourse-cdn.com/v4/letter/v/a6a055/32.png) [@vic18](https://discuss.elastic.co/u/vic18)\
**Post date:** [July 13, 2018, 4:09pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/5 "2018-07-13T16:09:54Z")

</div>

Thanks. Looks like, if I use Monthly as Interval, it's not aligned correctly too.  
The columns are for May June July data respectively. However, they are not aligned correctly.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/1/d173ac22d23b67724c2a2788a189c669a419f6f9.png)

---

<div class="post-metadata">

**Author:** ![vic18](https://avatars.discourse-cdn.com/v4/letter/v/a6a055/32.png) [@vic18](https://discuss.elastic.co/u/vic18)\
**Post date:** [July 13, 2018, 4:17pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/6 "2018-07-13T16:17:53Z")

</div>

Also follow up with 2 questions.

1 In IE11, the x-axis lables are not displayed at all. Is this a known issue?

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/8/2/827ba25b7a33e6584576b51731a04ca9ebabd930.png)

2 ["", "HH:mm:ss.SSS"],  
["PT1S", "HH:mm:ss"],  
["PT1M", "HH:mm"],  
["PT1H", "YYYY-MM-DD HH:mm"],  
["P1DT", "YYYY-MM-DD"],  
["P1YT", "YYYY"]

Would you mind explain what does the first row-empty string mean? and why PT1H and P1DT are named differently? Shouldn't it be PT1D?

---

<div class="post-metadata">

**Author:** ![vic18](https://avatars.discourse-cdn.com/v4/letter/v/a6a055/32.png) [@vic18](https://discuss.elastic.co/u/vic18)\
**Post date:** [July 17, 2018, 7:59pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/7 "2018-07-17T19:59:48Z")

</div>

Hello, any answers for the followup questions?

---

<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:** [August 14, 2018, 7:59pm UTC](https://discuss.elastic.co/t/kibana-chart-x-axis-customization-issue/139820/8 "2018-08-14T19:59:52Z")

</div>

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