Donut/Pie Chart with Conditional DataLabels Distance
Application Type
Reactive
Service Studio Version
11.54.31 (Build 62912)

Hi'all

I'd like to know how can I make a condition in a distance of dataLabels of donut/pie chart.

I'm using this advanced format to change somethings in this chart:

{

    plotOptions:

    {

        pie: 

        {

            dataLabels: 

            {

                enabled: true,

                format: '{y}',

                style: {

                    fontSize: '14px',

                    color: 'black',

                    textOutline: 'transparent'

                },

                distance: -30

            }

        },

    }

}


notice I'm using this property "distance: -30" to keep values inside the graph, but some values are in front of others.

I would like to make a condition at this distance to change this value to 10 "only" if the slice width is less than 5% of the chart size (for example).

like this:



Can someone help me? Best Regards

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.