score:2

Accepted answer

You can use two xAxis, like in the example: http://jsfiddle.net/sbochan/phtd7r1t/2/

 xAxis: [{
            offset: 15
        },{
            linkedTo:0,
            offset: -76
 }],

score:0

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 Articles