How to align ChartCartesianAreaGrid when using multiple Y-axis

[Morten Schou]

We have an application where we are displaying two - or more - charts below each other.

For this application, it is crusial that the timeline X-axis for the charts are aligned for the user to be able to relate data from one chart to the other. This works just fine when using single Y-axis but when using multiple Y-axis it becomes a problem - see attachment - both because of annotation lengths and varying number of series in the individual charts.

Is there a way to control internal layout of the chart to align the grids - maybe something like the WPF Grid's SharedSizeGroup functionlity?



ChartAreaGridMisalign_9be3b4ab.zip

[Sujitha S]

Hi Morten,

Thanks for choosing Syncfusion product.

We can achieve your requirement by assigning the ChartCartesianAreaGrid margin of the 1st area to the ItemsControl margin of the 2nd area.

I have added the sample for your verification.

Let me know, If you have any queries.

Thanks,
Sujitha S



GridControl_ca89f2f8.zip