Marked Zone Annotation

The marked zone annotation is a rectangle area accross the chart drawn between specific start and end coordinates. This type of annotation is represented by the CartesianMarkedZoneAnnotation class.

The following list of properties of CartesianMarkedZoneAnnotation can be used to adjust its position and customize its appearance.

• ClipToPlotArea—Gets or sets a value indicating whether the annotation will be clipped to the bounds of the plot area.
• Label—Gets or sets the label of the annotation.
• Stroke—Gets or sets the Brush that specifies how the shape outline is painted.
• StrokeThickness—Gets or sets the width of the shape stroke outline.
• StrokeDashArray—Gets or sets a collection of double values that indicates the pattern of dashes and gaps that is used to outline stroked series.
• Fill—Gets or sets the Brush that specifies how the shape fill is painted.
• HorizontalAxis—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—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—Gets or sets the start horizontal coordinate of the annotation.
• HorizontalTo—Gets or sets the end horizontal coordinate of the annotation.
• VerticalFrom—Gets or sets the start vertical coordinate of the annotation.
• VerticalTo—Gets or sets the end vertical coordinate of the annotation.

Using the Annotation

The following example demonstrates how to add a CartesianMarkedZoneAnnotation to RadCartesianChart.

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 MajorGridLinesVisibility="XY" /> 
        </telerikChart:RadCartesianChart.Grid> 
    </telerikChart:RadCartesianChart> 
</Grid> 

RadCartesianChart with a CartesianMarkedZoneAnnotation

See Also

• Overview
• GridLine Annotation
• PlotBand Annotation