ComponentOne FlexChart for UWP
FlexChart / Working with FlexChart / FlexChart Elements / FlexChart Axis / Axes Reversing
In This Topic
    Axes Reversing
    In This Topic

    When a dataset contains X or Y values that lie in a large range, the general chart setup sometimes doesn't display the information most effectively. Often, the chart data may look more appealing with the axes reversed.

    You can reverse the axes in FlexChart by using the Reversed property.

    Setting the Reversed property for the axes to True reverses the axes. This means that the maximum value along the axis takes the place of the minimum value, and the minimum value along the axis takes the place of the maximum value.

    Initially, the chart displays the minimum value on the left of X-axis, and at the bottom of Y-axis. However, the Reversed property for the axes juxtaposes the maximum and minimum values.

    Here is the sample code:

    <Chart:C1FlexChart.AxisX>
        <Chart:Axis Reversed="True" MajorGrid="True" MajorTickMarks="Inside" Title="Fruits" 
         AxisLine="True" Position="Bottom"></Chart:Axis>
    </Chart:C1FlexChart.AxisX>
    <Chart:C1FlexChart.AxisY>
        <Chart:Axis Reversed="True" Min="0" Max="8" MajorGrid="True" MajorTickMarks="Inside" 
         AxisLine="True" Position="Right"></Chart:Axis>
    </Chart:C1FlexChart.AxisY>