How to change the data marker symbol type in Chart

1 min read

Essential chart for Xamarin.Forms provides support to add data markers to adorn the data points with shapes and labels. It is enabled by setting the ShowMarker property to true. You can change the shape that appears on the data point using the MarkerType enum property.

The following code illustrates how to use the MarkerType property.

XAML

<chart:LineSeries XBindingPath="Month" YBindingPath="Books"
      ItemsSource="{Binding Data}" >
     <chart:LineSeries.DataMarker>
          <chart:ChartDataMarker ShowLabel="False" ShowMarker="True" 
                   MarkerColor="Red" MarkerType="Diamond"/>
     </chart:LineSeries.DataMarker>
</chart:LineSeries>

LineSeries line = new LineSeries();
line.XBindingPath = " Month ";
line.YBindingPath = "Books";
line.ItemsSource = dataModel.Data;
line.DataMarker = new ChartDataMarker
{
  ShowLabel = false,
  ShowMarker = true,
  MarkerType = DataMarkerType.Diamond,
  MarkerColor = Color.Red,
};

$F:\Datamarker.png$

Did you find this information helpful?

Yes

Comments (0)

How to change the data marker symbol type in Chart

Access denied