How to explode the pie chart slice on touch in Xamarin.Forms

1 min read

A Pie Chart in Xamarin.Forms with explosion can be considered as an exploded pie chart. You can change the pie explosion settings manually with mouse click by enabling the ExplodeOnTouch property of the series as shown in the following code sample.

<syncfusion:SfChart  HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" >
            <syncfusion:PieSeries  ItemsSource="{Binding Data}" ExplodeOnTouch="True" XBindingPath="Category" YBindingPath="Value" >
                <syncfusion:PieSeries.ColorModel>
                    <syncfusion:ChartColorModel Palette="Natural"/>
                </syncfusion:PieSeries.ColorModel>
                <syncfusion:PieSeries.DataMarker>
                    <syncfusion:ChartDataMarker ShowLabel="True"/>
                </syncfusion:PieSeries.DataMarker>
            </syncfusion:PieSeries>
        </syncfusion:SfChart>

Output

Pie Chart in Xamarin.Forms Explode by touching

Currently we have support for exploding single segment or all segments at a time using ExplodeIndex and ExplodeAll properties of PieSeries. But we are not having support for exploding multiple segments. Hence we consider this to be a feature and it will be published in any of our upcoming release. Thanks, yuvaraj

How to explode the pie chart slice on touch in Xamarin.Forms

Output

See also

Access denied