Category / Section
How to change the data point selection color?
1 min read
Description:
ChartSelectionBehavior allows you to select any data point, that is, a segment in the series. This behavior highlights the particular segment inside the series. The selected segment color is not restricted to the default color.
Solution:
Essential chart for Xamarin.Forms provides data point selection and allows you to change the selected segment color for series. The SelectedDataPointColor property is used to define the custom color for the selected segment.
Note:
This property works only when you enable the EnableDataPointSelection property in series.
The following code example shows the selection feature for series segment.
XAML
<chart:SfChart.Series> <chart:ColumnSeries ItemsSource="{Binding Data}" EnableDataPointSelection="True" SelectedDataPointColor="#B399E6" /> </chart:SfChart.Series>
C#
ColumnSeries series = new ColumnSeries() { EnableDataPointSelection = true, SelectedDataPointColor = Color.FromRgba(0.7, 0.6, 0.9, 1), ItemsSource = GetData() }; chart.Series.Add(series);
Output: