Pivot Chart - Pie Chart Radius

[Anand Kulkarni]

Hi,

I'm trying to increase the size of the Pie Chart on the PivotChart.

The Chart Settings are as follows:

<PivotChartSettings EnableMultipleAxis="true" MultipleAxisMode="MultipleAxisMode.Single" EnableSmartLabels=true>

                    <PivotChartSeries MinRadius="10.0" MaxRadius="10.0" Type="@type" Opacity="0.8" StartAngle="@startAngle" EndAngle="@endAngle">

The Height of SfPivotView is set to 100%.

The chart does not render in a different size even after trying multiple values in PivotChartSeries component.

Please let me know how can I change or set the radius of Pie Chart in PivotChart?

Thanks in advance.

Regards,

Anand Kulkarni

[Rajeshkannah G]

Hi Anand,

We would like to inform you that currently, we don’t have “Radius”, “MaxRadius” and “MinRadius” support for the Accumulation chart types such as Pie, Doughnut, Funnel, and Pyramid.

However, we have “InnerRadius” support for Accumulation chart types mentioned above. We have prepared a sample for your reference, please find it in the attachments.

Output screenshot

Please let us know if you have any queries.

Regards,

Rajeshkannah G

Attachment: PivotBlaz_47517b.zip

[Anand Kulkarni]

Hi Rajeshkannah,

It is mentioned in your documentation as well as the PivotChartSeriesClass. 

link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.PivotView.PivotChartSeries.html 

Please let me know if it is possible to add the functionality as it would be of great help.

Thanks and Regards,

Anand Kulkarni 

[Rajeshkannah G]

Hi Anand,

We would like to inform you that the “MinRadius” and “MaxRadius” properties are applicable only to “Bubble” chart type and it does not applicable for “Pie” chart and other chart types.

However, please confirm with us that your requirement is to render the pie chart series with different radius in the pivot chart as shown in the below screenshot. If this is the case, we will check the possibilities of providing “Radius” support for Pie chart and update the details.

Document: https://blazor.syncfusion.com/documentation/accumulation-chart/chart-types/pie-doughnut#radius-customization

https://blazor.syncfusion.com/documentation/accumulation-chart/chart-types/pie-doughnut#various-radius-pie-chart

Regards,

Rajeshkannah Gopalakrishnan.

[Anand Kulkarni]

Yes, you are right I want to change the size of pie chart by modifying the radius.

Thanks,

Anand Kulkarni

[Rajeshkannah G]

Hi Anand,

Thanks for update. We have considered your requirement as an improvement “To provide Radius support for pie chart series In the Pivot chart” and it will be included in the Volume 2 SP release which is scheduled to be rolled out by end of August,2023. You can track the status using the below feedback link .

Feedback : https://www.syncfusion.com/feedback/44532/to-provide-radius-support-for-pie-chart-series-in-pivot-chart

We appreciate your patience until then.

Regards,

Rajeshkannah G

[Rajeshkannah G]

Hi Anand,

We are glad to announce that our Essential Studio 2023 Volume 2 Service Pack Release V22.2.5 is rolled out and the feature “To provide Radius support for pie chart series In the Pivot chart” has been included in this release. You can use “Radius” property in PivotChartSeries to customize the Radius of the Pie Chart based on your requirement. Please refer the below code example.

Code Example:

<SfPivotView TValue="PivotProductDetails" ShowFieldList="true">   

<PivotViewDisplayOption View=View.Chart></PivotViewDisplayOption>

        <PivotChartSettings Title="@Title" EnableSmartLabels=true>

 <PivotChartSeries Type="Syncfusion.Blazor.PivotView.ChartSeriesType.Pie" Radius= "75%">

<PivotChartSettings>

<SfPivotView>

Output Screenshot

Moreover, you can set different radius for each slice in the Pie chart using “ChartSeriesCreated” event. Please refer the below code example.

Code Example :

<SfPivotView TValue="PivotProductDetails" ShowFieldList="true">   

       <PivotViewDisplayOption View=View.Chart></PivotViewDisplayOption>

        <PivotChartSettings Title="@Title" EnableMultipleAxis="true" MultipleAxisMode="MultipleAxisMode.Single" EnableSmartLabels=true>

            <PivotChartSeries Type="Syncfusion.Blazor.PivotView.ChartSeriesType.Pie" Radius= "@Radius">

            </PivotChartSeries>

        </PivotChartSettings>   

        <PivotViewEvents TValue="PivotProductDetails" ChartSeriesCreated="ChartSeriesCreated"></PivotViewEvents>

</SfPivotView>

 

 

@code {

    public bool ChartEvent = true;

    public string Radius = "75%";

    public string Title = "Pie Chart with different Radius for each Slice" ;

    public List<PivotProductDetails> data { get; set; }

    protected override void OnInitialized()

    {

        this.data = PivotProductDetails.GetProductData().ToList();

    }

 

    public void ChartSeriesCreated(ChartSeriesCreatedEventArgs args)

    {

        if(ChartEvent)

        {

           var Data = args.Series[0].DataSource;

            Data[0].Radius = "80%";

            Data[1].Radius = "85%";

            Data[2].Radius = "90%";

            Data[3].Radius = "95%";

            Data[4].Radius = "75%";

            args.Series[0].Radius = "Radius";

        }           

    }

}

Output Screenshot

Meanwhile, we have prepared a sample for your reference. Please find it in the attachments.

Please find the release notes below.

Release Notes : https://blazor.syncfusion.com/documentation/release-notes/22.2.5?type=all#pivot-table

Please let us know if you have any concerns.

Regards,

Rajeshkannah Gopalakrishnan

Attachment: Pivot_Table_dc4955a6.zip