Dynamically allow user to switch between Linear and Logarithmic Axis

[sumu]

Hello

 

I am showing a RadChartView which has a bar series.

I have varying data and sometimes logarithmic is better and sometimes linear axis is better.

How can I provide a button to dynamically switch between Linear Axis and Logartihmic Axis on the vertical axis?

I prefer using XAML and data binding in XAML. is this possible?

 

 

 

[Martin Ivanov]

Hello Subash,

You should be able to use a command and a property in the view model, along with axes defined in the Resources of the view. This way you can use data bindings and triggers to update the VerticalAxis and HorizontalAxis properties of the chart. However, I won't recommend this approach because removing and re-adding the same axis instance may lead to visual glitches. Instead, I would suggest you to use code-behind and create a new instance of the corresponding axis, each time you need to switch. 

If you insist on avoiding code-behind, one way would be to use an IValueConverter with the HorizontalAxis and VerticalAxis properties. In this case, when a property in the view model changes (on a button's command for example), you can create a new instance of the corresponding chart axis. For example:

<telerik:RadCartesianChart HorizontalAxis="{Binding CurrentHorizontalAxisType, Converter={StaticResource AxisTypeToAxisControlConverter}}" />

public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
	var axisType = (string)value;
	if (axisType == "Linear")
	{
               return new LinearAxis();
	}
	else
	{
               return new LogarithmicAxis();
	}
}

Regards,
Martin Ivanov
Progress Telerik