a little hacky way, but should work:

  • set for both xaxis width, e.g. 400px
  • set for all axis (xaxis and yaxis) right, e.g. 20px

now yaxis should have the same width and also the same extremes etc.

another (and maybe even better) solution is to use two panes for highcharts. it works exactly the same way as in highstock, see example:


this is a late answer, but you can now do multiple charts inside the same highcharts object. you wouldn't have to manually try to force the y axes to align when using this method, as highcharts would do all the work for you.


if you set the chart.marginleft option, it will override the auto size labels so the y axes become aligned.

Related Query

More Query from same tag