Watermark in UWP Pivot Chart (SfPivotChart)

10 May 20214 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.

XAML

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

C#

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;

VB.NET

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

Image watermark

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

XAML

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

C#

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;

VB.NET

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