Remove white space around pie

[Samantha Warren]

Hello,

I would like to remove the whitespace which is implemented in the pie chart. When I inspect the page with the pie chart on, I can hover over 2 different parts of the element as show in the images below. I would like to remove the whitespace shown in the first hover over of the element to be left with the entire element being only the second image (i.e. no whitespace). Is there a way to do this?

[Gopalakrishnan Veeraraghavan]

Hi Samantha,

We suggest removing the whitespace around the pie chart by setting the margin to 0 for the left, right, top, and bottom. Additionally, please note that the default radius is 80%, but we recommend setting it to 100% to achieve your desired scenario. We have attached a sample and a screenshot for your reference. Please review the provided code snippet.

<SfAccumulationChart Width="100%" Height="100%">

    <AccumulationChartSeriesCollection>

        <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Browser" YName="Users"

                                 Name="Browser" Radius="100%">

        </AccumulationChartSeries>

    </AccumulationChartSeriesCollection>

     <AccumulationChartMargin Left="0" Right="0" Top="0" Bottom="0"></AccumulationChartMargin>

    <AccumulationChartLegendSettings Visible="true"></AccumulationChartLegendSettings>

</SfAccumulationChart>

Sample: https://blazorplayground.syncfusion.com/hNBzNiLeTLwuxwnw

Screenshot:

Kindly revert us if you have any concerns.

Regards,

Gopalakrishnan Veeraraghavan