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

Marked Zone Annotation

This article describes the properties of the CartesianMarkedZoneAnnotation.

CartesianMarkedZoneAnnotation Properties

  • ClipToPlotArea (bool): Gets or sets a value indicating whether the annotation will be clipped to the bounds of the plot area.
  • Label (string): Gets or sets the label of the annotation.
  • Stroke (Brush): Gets or sets the Brush that specifies how the shape outline is painted.
  • StrokeThickness (double): Gets or sets the width of the shape stroke outline.
  • StrokeDashArray (DoubleCollection): Gets or sets a collection of double values that indicates the pattern of dashes and gaps that is used to outline stroked series.
  • Fill (Brush): Gets or sets the Brush that specifies how the shape fill is painted.
  • HorizontalAxis (CartesianAxis): Gets or sets the horizontal axis that the annotation is associated with. If no axis is specified, the annotation will automatically use the chart's primary horizontal axis.
  • VerticalAxis (CartesianAxis): Gets or sets the vertical axis that the annotation is associated with. If no axis is specified, the annotation will automatically use the chart's primary vertical axis.
  • HorizontalFrom (object): Gets or sets the start horizontal coordinate of the annotation.
  • HorizontalTo (object): Gets or sets the end horizontal coordinate of the annotation.
  • VerticalFrom (object): Gets or sets the start vertical coordinate of the annotation.
  • VerticalTo (object): Gets or sets the end vertical coordinate of the annotation.

Example of CartesianMarkedZoneAnnotation

Example 1 demonstrates how to add a CartesianMarkedZoneAnnotation to a RadCartesianChart.

Example 1: CartesianMarkedZoneAnnotation

<Grid xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart" 
      xmlns:telerikCharting="using:Telerik.Charting"> 
    <telerikChart:RadCartesianChart Width="400" Height="250"> 
        <telerikChart:RadCartesianChart.Annotations> 
            <telerikChart:CartesianMarkedZoneAnnotation HorizontalFrom="3" HorizontalTo="7" 
                                                    VerticalFrom="2" VerticalTo="8" 
                                                    Stroke="Tomato" StrokeThickness="3" Fill="#20FF6347"/> 
        </telerikChart:RadCartesianChart.Annotations> 
 
        <telerikChart:RadCartesianChart.HorizontalAxis> 
            <telerikChart:LinearAxis /> 
        </telerikChart:RadCartesianChart.HorizontalAxis> 
        <telerikChart:RadCartesianChart.VerticalAxis> 
            <telerikChart:LinearAxis/> 
        </telerikChart:RadCartesianChart.VerticalAxis> 
        <telerikChart:ScatterPointSeries> 
            <telerikChart:ScatterPointSeries.DataPoints> 
                <telerikCharting:ScatterDataPoint XValue="1" YValue="1" /> 
                <telerikCharting:ScatterDataPoint XValue="5" YValue="3" /> 
                <telerikCharting:ScatterDataPoint XValue="8" YValue="11" /> 
            </telerikChart:ScatterPointSeries.DataPoints> 
        </telerikChart:ScatterPointSeries> 
        <telerikChart:RadCartesianChart.Grid> 
            <telerikChart:CartesianChartGrid MajorLinesVisibility="XY" /> 
        </telerikChart:RadCartesianChart.Grid> 
    </telerikChart:RadCartesianChart> 
</Grid> 

Figure 1: RadCartesianChart with a CartesianMarkedZoneAnnotation

Cartesian Marked Zone Annotation

See Also

In this article
Not finding the help you need?