Available for: Windows 8.1 | Windows Phone 8.1

Custom Line Annotation

In this article the properties of the CartesianCustomLineAnnotation are described.

CartesianCustomLineAnnotation Properties

Add one or more sections with content

  • 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 (DoubleCollection): 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.
  • 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 CartesianCustomLineAnnotation

This example demonstrates how to add CartesianCustomLineAnnotation to a RadCartesianChart.

Cartesian Custom Line Annotation

Here is the definition of the chart:

<telerikChart:RadCartesianChart Width="400" Height="250">
    <telerikChart:RadCartesianChart.Annotations>
        <telerikChart:CartesianCustomLineAnnotation HorizontalFrom="2" HorizontalTo="5"
                                                    VerticalFrom="2" VerticalTo="8"
                                                    Stroke="Tomato" StrokeThickness="3"/>
    </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>