Watermark in WPF Charts (SfChart)
14 Jul 20212 minutes to read
SfChart provides watermark support which is used to add text or images to the chart area. The major application of watermark is to define the copyright information of the user it belongs to.
This section is to help you understand how to use the Watermark in your chart.
Adding text watermark
You can add the text to chart background using the Content property of Watermark.
The following code example explains how to set your custom text as Watermark.
<chart:SfChart.Watermark>
<chart:Watermark VerticalAlignment="Center"
HorizontalAlignment="Center" >
<chart:Watermark.Content>
<TextBlock Text="Metals"
FontSize="70"
Foreground="Black" >
</TextBlock>
</chart:Watermark.Content>
</chart:Watermark>
</chart:SfChart.Watermark>chart.Watermark = new Watermark()
{
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center
};
chart.Watermark.Content = new TextBlock()
{
Text = "Metals",
FontSize = 70,
Foreground = new SolidColorBrush(Colors.Black)
};
Adding image watermark
You can also set images as Watermark as in below code snippet.
<chart:SfChart.Watermark>
<chart:Watermark VerticalAlignment="Center"
HorizontalAlignment="Center" >
<chart:Watermark.Content>
<Image Source="demands.png" Height="175" Width="175"/>
</chart:Watermark.Content>
</chart:Watermark>
</chart:SfChart.Watermark>chart.Watermark = new Watermark()
{
HorizontalAlignment = HorizontalAlignment.Center,
VerticalAlignment = VerticalAlignment.Center
};
chart.Watermark.Content = new Image()
{
Height = 175,
Width = 175,
Source = new BitmapImage(new Uri(@"demands.png", UriKind.RelativeOrAbsolute))
};
NOTE
You can refer to our WPF Charts feature tour page for its groundbreaking feature representations. You can also explore our WPF Charts example to knows various chart types and how to easily configured with built-in support for creating stunning visual effects.