# Scroll Bar for Bart Chart

**URL:** <https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089>\
**Category:** Kibana\
**Created:** [July 17, 2019, 8:49pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089 "2019-07-17T20:49:07Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nhbala](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nhbala](https://discuss.elastic.co/u/nhbala)\
**Post date:** [July 17, 2019, 8:49pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/1 "2019-07-17T20:49:07Z")

</div>

I was wondering if there was a way to enable a scroll bar for bar charts? I have a lot of of categories on my x Axis that I want to represent, but they become unreadable with the amount of categories.

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [July 18, 2019, 4:56pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/2 "2019-07-18T16:56:25Z")

</div>

The scroll bar should be enabled by itself when it gets too large. Or you could add that visualization on a dashboard and enlarge it on the x-axis as much as possible in order to fit all of them in.

---

<div class="post-metadata">

**Author:** ![nhbala](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nhbala](https://discuss.elastic.co/u/nhbala)\
**Post date:** [July 18, 2019, 5:32pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/3 "2019-07-18T17:32:28Z")

</div>

For some reason, when there is too many values, my visualization looks like this:

 ![18%20PM](https://us1.discourse-cdn.com/elastic/original/3X/6/7/6747bc5deff506b415dfe8c8215b384e1ce6d2c8.jpeg)  
How can I have it so that the values on the side are larger and I simply scroll down to see all the other values instead of having the attempt to bunch up on one page?

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [July 18, 2019, 5:38pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/4 "2019-07-18T17:38:03Z")

</div>

Save the visualization as it is, import it in a dashboard and then resize the visualization container to make it larger on the Y-axis

---

<div class="post-metadata">

**Author:** ![nhbala](https://avatars.discourse-cdn.com/v4/letter/n/a9adbd/32.png) [@nhbala](https://discuss.elastic.co/u/nhbala)\
**Post date:** [July 18, 2019, 5:40pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/5 "2019-07-18T17:40:09Z")

</div>

I understand that part, I was just wondering if there was a way to have the visualization stay the same size but be able to scroll up and down the y axis so the container does not take up too much room given I will have over 100 values on the y axis.

---

<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 15, 2019, 5:40pm UTC](https://discuss.elastic.co/t/scroll-bar-for-bart-chart/191089/6 "2019-08-15T17:40:20Z")

</div>

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