Telerik UI for Windows 8 XAML

Inverse Axes

The RadChart control supports inverse axes. Depending on the axis type there are different properties that specify whether the axis will be inverse or not.

Note

The alternative for inverse axes for RadPieChart is represented by the AngeRange property.

Example for Cartesian chart

Categorical Inverse Axes

Here is an example of how to invert both axes in a RadCartesianChart.

XAML Copy imageCopy
<Chart:RadCartesianChart>
    <Chart:RadCartesianChart.VerticalAxis>
        <Chart:LinearAxis IsInverse="True"/>
    </Chart:RadCartesianChart.VerticalAxis>
    <Chart:RadCartesianChart.HorizontalAxis>
        <Chart:CategoricalAxis IsInverse="True"/>
    </Chart:RadCartesianChart.HorizontalAxis>

    <Chart:BarSeries>
        <Chart:BarSeries.DataPoints>
            <Charting:CategoricalDataPoint Category="A" Value="0.8"/>
            <Charting:CategoricalDataPoint Category="B" Value="0.85"/>
            <Charting:CategoricalDataPoint Category="C" Value="0.7"/>
            <Charting:CategoricalDataPoint Category="D" Value="0.9"/>
            <Charting:CategoricalDataPoint Category="E" Value="1.3"/>
        </Chart:BarSeries.DataPoints>
    </Chart:BarSeries>
</Chart:RadCartesianChart>

Example for polar chart

Polar Inverse Axes

Here is an example of how to invert both axes in a RadPolarChart.

XAML Copy imageCopy
<Chart:RadPolarChart StartAngle="30">
    <Chart:RadPolarChart.PolarAxis>
        <Chart:PolarAxis IsInverse="True"/>
    </Chart:RadPolarChart.PolarAxis>
    <Chart:RadPolarChart.RadialAxis>
        <Chart:NumericalRadialAxis SweepDirection="Clockwise"/>
    </Chart:RadPolarChart.RadialAxis>

    <Chart:PolarPointSeries>
        <Chart:PolarPointSeries.DataPoints>
            <Charting:PolarDataPoint Angle="40" Value="10"/>
            <Charting:PolarDataPoint Angle="80" Value="20"/>
            <Charting:PolarDataPoint Angle="120" Value="30"/>
            <Charting:PolarDataPoint Angle="160" Value="40"/>
            <Charting:PolarDataPoint Angle="200" Value="50"/>
        </Chart:PolarPointSeries.DataPoints>
    </Chart:PolarPointSeries>
</Chart:RadPolarChart>