Marker Position and Size

[Marcel Stirnimann]

Is it somehow possible to place a marker (for example a triangle) with its tip and not its center to the coordinates?

How can i prevent that the marker keeps it's size when the axes are rescaling?

[Geetha Rajendran]

Hi Marcel, 

  

We have achieved your requirement by using the LabelTemplate property of ChartDataMarker. Please refer the below code. 

  

Code snippet [C#]: 

<ContentPage.Resources> 

    <ResourceDictionary> 

        <OnPlatform x:TypeArguments="x:String" x:Key="FontIcon"> 

            <On Platform="Android" Value="Segoe_MDL2_Assets.ttf#Segoe MDL2 Assets" /> 

            <On Platform="iOS" Value="/Assets/Segoe_MDL2_Assets.ttf#Segoe MDL2 Assets" /> 

            <On Platform="UWP" Value="Segoe MDL2 Assets"/> 

        </OnPlatform> 

    </ResourceDictionary> 

</ContentPage.Resources> 

  

. . . 

  

<chart:ColumnSeries x:Name="series" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="Growth" > 

    <chart:ColumnSeries.DataMarker> 

        <chart:ChartDataMarker ShowMarker="False" > 

            <chart:ChartDataMarker.LabelStyle> 

                <chart:DataMarkerLabelStyle OffsetY="-9" LabelPosition="Inner" /> 

            </chart:ChartDataMarker.LabelStyle> 

            <chart:ChartDataMarker.LabelTemplate> 

                <DataTemplate> 

                    <Label Text="&#xE878;"  

                                   HorizontalTextAlignment="Center"  

                                   VerticalOptions="Center" 

                                   VerticalTextAlignment="Center" 

                                   HorizontalOptions="Start"  

                                   FontSize="25"  

                                   TextColor="White" FontFamily="{StaticResource FontIcon}"> 

                    </Label> 

                </DataTemplate> 

            </chart:ChartDataMarker.LabelTemplate> 

        </chart:ChartDataMarker> 

    </chart:ColumnSeries.DataMarker> 

</chart:ColumnSeries> 

  

Sample – https://www.syncfusion.com/downloads/support/forum/143792/ze/143792-sample-1181935967.zip 

  

Screenshot: 

 

  

Thanks, 

Geetha R.