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

    Axes grid lines extend from any vertical or horizontal axis across the plot area of the chart. They are displayed for major and minor units and aligned with major and minor tick marks displayed on the axes. These auxiliary lines form a grid that improves the readability of the chart, especially when you are looking for exact values.

    Primarily, axes grid lines are of two types: major grid lines and minor grid lines. The lines perpendicular to major tick marks at major unit intervals are major gridlines, while those perpendicular to minor tick marks at minor unit intervals are minor grid lines.

    In FlexChart, major grid lines are controlled by the MajorGrid property, while minor grid lines are controlled by the MinorGrid property. In addition, the appearances of the major and the minor grid lines are controlled by the MajorGridStyle and the MinorGridStyle property respectively.

    Using these properties, you can display horizontal as well as vertical grid lines to make the FlexChart data easier to read.

    The code below illustrates how to set these properties.

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