Accepted answer

You can use two xAxis, like in the example:

 xAxis: [{
            offset: 15
            offset: -76


You could use some of the positioning options to achieve this. If the height is dynamic it might be a bit difficult, but for static height charts this approach should work fine.

First edit the yAxis[1].top to be '73%' (moving the "Volume" chart further down to create a gap).

Then offset your x-axis with xAxis: { offset: -81 } to move it in between the two charts.

See this JSFiddle demonstration of the result.

Related Query

More Query from same tag