# 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**

```XAML
<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**

![WinUI RadChart Cartesian Marked Zone Annotation](https://www.telerik.com/winui/documentation/assets/395e730407dd56a73bd834370694cf5b/cartesianmarkedzoneannotation.png)

## See Also

* [Overview](https://www.telerik.com/winui/documentation/controls/radchart/annotations/chart-overview)
* [GridLine Annotation](https://www.telerik.com/winui/documentation/controls/radchart/annotations/chart-gridline-types)
* [PlotBand Annotation](https://www.telerik.com/winui/documentation/controls/radchart/annotations/chart-plotband-types)