Watermark in UWP Pivot Chart (SfPivotChart)

7 Jan 20254 minutes to read

The SfPivotChart supports watermark that is used to add text or images to the chart area. The major application of watermark is to define the copyright information of users it belongs to.

Text watermark

You can add a text as watermark in the chart background by using the Content property of PivotChartWatermark instance.

The following code snippet explains how to set the custom text as watermark.

<syncfusion:SfPivotChart x:Name="PivotChart1" ItemSource="{Binding ProductSalesData}" PivotAxis="{Binding PivotAxis}"
                         PivotLegend="{Binding PivotLegend}" PivotCalculations="{Binding PivotCalculations}">
            <syncfusion:SfPivotChart.Watermark>
                <syncfusion:PivotChartWatermark HorizontalAlignment="Center" VerticalAlignment="Center" HorizontalContentAlignment="Center" VerticalContentAlignment="Center">
                    <syncfusion:PivotChartWatermark.Content>
                        <TextBlock Text="Syncfusion" FontSize="28" Opacity="0.5"/>
                    </syncfusion:PivotChartWatermark.Content>
                </syncfusion:PivotChartWatermark>
            </syncfusion:SfPivotChart.Watermark>
</syncfusion:SfPivotChart>
PivotChart1.Watermark = new PivotChartWatermark();
PivotChart1.Watermark.Content = new TextBlock() { Text = "Syncfusion", FontSize = 28, Opacity = 0.5 };
PivotChart1.Watermark.HorizontalAlignment = HorizontalAlignment.Center;
PivotChart1.Watermark.VerticalAlignment = VerticalAlignment.Center;
Dim watermark As New PivotChartWatermark()
watermark.Content = New Windows.UI.Xaml.Controls.TextBlock() With { _
	Key .Text = "Syncfusion", _
	Key .FontSize = 28, _
	Key .Opacity = 0.5 _
}
watermark.HorizontalAlignment = HorizontalAlignment.Center
watermark.VerticalAlignment = VerticalAlignment.Center
PivotChart1.Watermark = watermark

relationalTextWaterMark

Image watermark

You can also set images as watermark as shown in the following code snippet.

<syncfusion:SfPivotChart x:Name="PivotChart1" ItemSource="{Binding ProductSalesData}" PivotAxis="{Binding PivotAxis}"
                         PivotLegend="{Binding PivotLegend}" PivotCalculations="{Binding PivotCalculations}">
            <syncfusion:SfPivotChart.Watermark>
                <syncfusion:PivotChartWatermark HorizontalAlignment="Center" VerticalAlignment="Center" HorizontalContentAlignment="Center" VerticalContentAlignment="Center">
                    <syncfusion:PivotChartWatermark.Content>
                        <Image Source="ms-appx:///Resources/SyncfusionLogo.jpg" Opacity="0.5"/>
                    </syncfusion:PivotChartWatermark.Content>
                </syncfusion:PivotChartWatermark>
            </syncfusion:SfPivotChart.Watermark>
</syncfusion:SfPivotChart>
PivotChartWatermark watermark = new PivotChartWatermark();
watermark.Content = new Windows.UI.Xaml.Controls.Image() { Opacity = 0.7, Source = new BitmapImage(new System.Uri("ms-appx:///Resources/SyncfusionLogo.jpg", System.UriKind.Absolute)) };
watermark.HorizontalAlignment = HorizontalAlignment.Center;
watermark.VerticalAlignment = VerticalAlignment.Center;
PivotChart1.Watermark = watermark;
Dim watermark As New PivotChartWatermark()
watermark.Content = New Windows.UI.Xaml.Controls.Image() With { _
	Key .Opacity = 0.7, _
	Key .Source = New BitmapImage(New System.Uri("ms-appx:///Resources/SyncfusionLogo.jpg", System.UriKind.Absolute)) _
}
watermark.HorizontalAlignment = HorizontalAlignment.Center
watermark.VerticalAlignment = VerticalAlignment.Center
PivotChart1.Watermark = watermark

relationalWaterMark