# Plotly.js horizontal bar chart resizes entirely after zoom event

**URL:** <https://community.plotly.com/t/plotly-js-horizontal-bar-chart-resizes-entirely-after-zoom-event/9615>\
**Category:** plotly.js\
**Created:** [April 11, 2018, 1:49pm UTC](https://community.plotly.com/t/plotly-js-horizontal-bar-chart-resizes-entirely-after-zoom-event/9615 "2018-04-11T13:49:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![phanigokaa](https://avatars.discourse-cdn.com/v4/letter/p/4da419/32.png) [@phanigokaa](https://community.plotly.com/u/phanigokaa)\
**Post date:** [April 11, 2018, 1:49pm UTC](https://community.plotly.com/t/plotly-js-horizontal-bar-chart-resizes-entirely-after-zoom-event/9615/1 "2018-04-11T13:49:04Z")

</div>

Hi, initially when the data is loaded in the graph, it plots good. But when i try to zoom in at any point on the graph, it gets bigger and the tick values are going out of bound of container div.

 ![Capture](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/5/597bf55ed43e420b671030f3ddee5a00baeb1eb7.PNG) ![Capture4](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/6/65e5d161fc803009bf6bde8b4a4c705024a64ae2.PNG)

---

<div class="post-metadata">

**Author:** ![etienne](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/etienne/32/17_2.png) [@etienne](https://community.plotly.com/u/etienne)\
**Post date:** [April 12, 2018, 1:49pm UTC](https://community.plotly.com/t/plotly-js-horizontal-bar-chart-resizes-entirely-after-zoom-event/9615/2 "2018-04-12T13:49:58Z")

</div>

I’m confused. What kind of zoom event are you referring to? Providing a video screencast of the problem would help.

---

<div class="post-metadata">

**Author:** ![phanigokaa](https://avatars.discourse-cdn.com/v4/letter/p/4da419/32.png) [@phanigokaa](https://community.plotly.com/u/phanigokaa)\
**Post date:** [April 12, 2018, 3:11pm UTC](https://community.plotly.com/t/plotly-js-horizontal-bar-chart-resizes-entirely-after-zoom-event/9615/3 "2018-04-12T15:11:42Z")

</div>

got that fixed, played around with range,margin
