# Align Multiple Axes

**URL:** <https://community.plotly.com/t/align-multiple-axes/11962>\
**Category:** plotly.js\
**Created:** [July 20, 2018, 4:53pm UTC](https://community.plotly.com/t/align-multiple-axes/11962 "2018-07-20T16:53:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![greatchickenmaster](https://avatars.discourse-cdn.com/v4/letter/g/9de0a6/32.png) [@greatchickenmaster](https://community.plotly.com/u/greatchickenmaster)\
**Post date:** [July 20, 2018, 4:53pm UTC](https://community.plotly.com/t/align-multiple-axes/11962/1 "2018-07-20T16:53:28Z")

</div>

Often when I have a plot with multiple axes I end up with a few of the axes not being inline.  
For instance, here I have a bunch of plots whose values are strictly greater than zero:  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/b/b8de7bfa14b56e96071a4a43e185c64414a9ae23.png)  
Is there a way to force all of the y-zero axes to be overlayed at the same location?

---

<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:** [July 23, 2018, 2:03pm UTC](https://community.plotly.com/t/align-multiple-axes/11962/2 "2018-07-23T14:03:02Z")

</div>

Setting `yaxis.range` should the trick.

---

<div class="post-metadata">

**Author:** ![greatchickenmaster](https://avatars.discourse-cdn.com/v4/letter/g/9de0a6/32.png) [@greatchickenmaster](https://community.plotly.com/u/greatchickenmaster)\
**Post date:** [July 23, 2018, 2:52pm UTC](https://community.plotly.com/t/align-multiple-axes/11962/3 "2018-07-23T14:52:00Z")

</div>

In this instance, I’m updating the plot using Plotly.extendTraces. Is there a more efficient way of doing this with extendTraces other than recalculating the range in order to use yaxis.range?