Linking DateTime Axis

[Murray]

I have been trying to find examples of how to handle the linking of two charts axis.

I have two charts which each contain multiple series of dynamic data, the data all has a datetime x-axis.

What I am trying to do is to have them share the same zoom and values / spacing etc along the x-axis for the two charts.

Is there an easy way to achieve this with the radchart? Can you possibly point me in the direction of an example

thanks for you time

regards

Murray

[Evgenia]

Hello Murray,

You may find a sample project attached
Some words about the project - there is a single Chart with Multiple Chart Areas. The XAxes of the two ChartAreas are set to one and the same ZoomScroll setting, while the YAxes have 2 different ZoomScroll settings.
For more information about the specifics of the settings - please refer to our help topic.
To hide the additional XAxis scroller you may use the approach given in this forum post.
You may modify the project attached as you wish so that it fits your needs.

I hope this is helpful!

Best wishes,
Evgenia
the Telerik team

[Murray]

Thanks for the reply

I was hoping to be able to do use XAML and bind to properties in my view model.

Do you have an example of how to bind in XAML to those properties as I can't seem to find one

Thanks

Murray

[Evgenia]

Hello Murray,

You can take a look at the attached project that is MVVM-ized version of the one I previously sent. However have in mind that the ZoomScrollSettingsX should be set to use one and the same object so that the ChartArea-s can zoom/scroll simultaneously.

All the best,
Evgenia
the Telerik team

[Greg]

Hello Evgenia,

What about situation when data series are heaving different range X values (one can include in the other for example)?

Thanks
Greg

[Tsvetie]

Hi Greg,
I noticed that you have opened a support ticket with the same question. We have already answered your question in the other ticket. I am posting the information here as well so that it is available to other customs, who have the same requirement:

In this case, you can use different ZoomScrollSettings for each chart's X-Axis, instead of sharing the setting for all charts.

Greetings,
Tsvetie
the Telerik team

[Greg]

Hi

I'm not really happy with that solution. I have tried subscribe to RangeChanged of the wider range X axis and assign values

ActualMinValue, ActualMaxValue, ActualStep

to

MinValue, MaxValue, Step
of the second X axis but it looks like. I have marked middle of the charts (they stick to each other bottom-top). Further from the middle they are starting to desynchronize.

Thanks & Regards
Greg

[Tsvetie]

Hello Greg,
I am not quite sure I understand your scenario completely and the result you want to achieve. That is why, in order to be able to point you in the right direction and not suggest something based on so little information, I will need detailed information, describing how you want the chart to behave. It will be great if you could provide images, demonstrating the expected result as well and a simple project, demonstrating your setup.

In the meantime, you can consider the following approach - in case, the two x-axes represent different ranges, you could manually set the smaller range to match the larger one. That way, you will not have problems synchronizing the two axes, no matter which approach you choose to implement.

Best wishes,
Tsvetie
the Telerik team

[Greg]

Hi

I have replied with the ticket, as I could not attach any sample here.

Thanks & Regards
Greg

[Anand]

I'm also looking for this solution. The code you attached moves scroll bar in both charts however it does not scroll/zoom to actual chart.

[Evgenia]

Hello Murray,

You may find a sample project attached that should help you achieve your scenario. It updates the MinValue, MaxValue and Step properties, when the range of the second x-axis changes. Let us know if you have any additional questions.

All the best,
Evgenia
the Telerik team