We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Set border colour of square adornment

Hi all,

Just wondering if there is a property to set the border colour (or even turn the border off) for a Square Adornment of a column series? I assume the template needs to be overridden if not? Below is the code I use to view the adornments.

<Syncfusion:ColumnSeries x:Name="AveragesSeries" EnableAnimation="True" AnimationDuration="0:0:2" StrokeThickness="0" SegmentSelectionBrush="Gray" Interior="#FFF78A09" Label="Daily Averages" XBindingPath="iText" YBindingPath="iUsage">


<Syncfusion:ChartAdornmentInfo ShowLabel="True" SegmentLabelContent="YValue" SegmentLabelFormat="#" AdornmentsPosition="Top" Symbol="Square" SymbolInterior="#6c6d6e" SymbolHeight="30" SymbolWidth="30"/>



3 Replies

MK Muneesh Kumar G Syncfusion Team September 4, 2013 07:22 AM UTC

Hi Leigh,

Thanks for using Syncfusion products.

We have analyzed your query.  We would like to inform you that if we would like to change the border color of the Adornment symbol then use we need to use Data Template as shown in the below code snippet.

Code Snippet [XAML]:

<DataTemplate x:Key="adornment">
<Rectangle  Fill="#FFF78A09" StrokeThickness="0" Height="30" Width="40">
<TextBlock Text="{Binding LabelContent}" Foreground="Black"  FontSize="16"/>
<chart:ChartAdornmentInfo ShowLabel="True" SegmentLabelContent="YValue"  SegmentLabelFormat="#"
AdornmentsPosition="Top"  SymbolTemplate="{StaticResource adornment}"/>

We have prepared a sample based on this and it can be downloaded from the following location.

Please let us know if you have any queries.


Muneesh Kumar G.


LE Leigh September 9, 2013 05:58 AM UTC

Worked perfect, thanks heaps!

MK Muneesh Kumar G Syncfusion Team September 11, 2013 04:48 AM UTC

Hi Leigh,

Thanks for your update.

Please let us know if you need further assistance.

Muneesh Kumar G.

Live Chat Icon For mobile
Up arrow icon