Category / Section
How to add annotations by using mvvm binding in WPF Chart (SfChart)?
1 min read
Description:
Annotations are used to mark specific area of interest on the chart area. WPF Chart (SfChart) allows you to add annotations by using MVVM binding. This article describes how to add annotations.
Solution:
You can create an annotation and add that to the AnnotationCollection property in the ViewModel. Then, you should bind that property to the Annotations property of the chart as illustrated in the following code example.
XAML
<!—Annotations in MVVM pattern-->
<chart:SfChart x:Name="chart" Series="{Binding Path=chartSeries}" Annotations="{Binding Path=chartAnnotation}">
</chart:SfChart>
C#
public AnnotationCollection chartAnnotation
{
get;
set;
}
//Adding Annotations.
chartAnnotation = new AnnotationCollection();
VerticalLineAnnotation verticalLineAnnotation = new VerticalLineAnnotation();
verticalLineAnnotation.ShowAxisLabel = true;
verticalLineAnnotation.CoordinateUnit = CoordinateUnit.Axis;
verticalLineAnnotation.X1 = new DateTime(2005, 01, 01).ToOADate();
chartAnnotation.Add(verticalLineAnnotation);
