Align X-axis between two stacked chartcontainers

[gkung]

Hi. I need to display stock volumes below a candlestick chart. The only way I found is to have two chartcontainers and use a candlestick chart on top and a column chart below. The problem I am having is that I need to align the X-axis between the two chart, but the width of the Y-Axis label area is not a fixed value (it will change depend on the content of the label) so the X-axis starting positions between the top and bottom chart are not aligned properly. How can I solve this issue? Thank you.

[Vishwas R]

@gkung,

You can align axes of multiple charts by setting axis margin. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS