Home › forums › Using CanvasJS › Align X-axis between two stacked chartcontainers
This topic contains 1 reply, has 2 voices, and was last updated by Vishwas R 6 months, 1 week ago.
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.
You can align axes of multiple charts by setting axis margin. Please take a look at this jsfiddle.
You must be logged in to reply to this topic.