New to Telerik UI for WinUI? Download free 30-day trial

Properties and Configuration

  • HorizontalAxis—Gets or sets the visual axis instance that will be used to plot points along the horizontal (X) axis.
  • VerticalAxis—Gets or sets the visual axis instance that will be used to plot points along the vertical (Y) axis.
  • Series—Gets the collection containing all the series presented by this instance.
  • Indicators—Gets the collection containing all the indicators presented by this instance.
  • Grid—Gets or sets the CartesianChartGrid instance used to decorate the chart plot area with grid and strip lines.

    The CartesianChartGrid class represents a decoration over a RadCartesianChart plot area. It adds grid lines connected to each major tick of each axis and exposes the following properties:

    • MajorGridLinesVisibility—Gets or sets the visibility of major grid lines.
    • MajorXLinesRenderMode—Gets or sets the render mode of major horizontal (X) grid lines.
    • MajorYLinesRenderMode—Gets or sets the render mode of major vertical (Y) grid lines.
    • StripLinesVisibility—Gets or sets the visibility of the grid stripes.
    • DefaultStripeBrush—Gets or sets a brush that defines the default color of the stripes.
    • XStripeBrushes—Gets the collection of brushes used to display horizontal stripes.
    • YStripeBrushes—Gets the collection of brushes used to display the vertical stripes.
    • MajorXLineStyle—Gets or sets the style that defines the appearance of the major horizontal grid lines.
    • MajorYLineStyle—Gets or sets the style that defines the appearance of the major vertical grid lines.

    Declaring a CartesianChartGrid

        <telerikChart:RadCartesianChart.Grid> 
            <telerikChart:CartesianChartGrid StripLinesVisibility="XY" MajorGridLinesVisibility="XY"> 
                <telerikChart:CartesianChartGrid.MajorXLineStyle> 
                    <Style TargetType="Line"> 
                        <Setter Property="Stroke"  Value="Red"/> 
                        <Setter Property="StrokeDashArray" Value="10, 2"/> 
                    </Style> 
                </telerikChart:CartesianChartGrid.MajorXLineStyle> 
                <telerikChart:CartesianChartGrid.YStripeBrushes> 
                    <SolidColorBrush Color="#11CACACA"/> 
                    <SolidColorBrush Color="Transparent"/> 
                </telerikChart:CartesianChartGrid.YStripeBrushes> 
            </telerikChart:CartesianChartGrid> 
        </telerikChart:RadCartesianChart.Grid> 
    
In this article
Not finding the help you need?