pie chart display layout

pie chart display layout

  

Dear all

I have made a chart like this(picture1):


But I want to have the pie chart display like this(picture2):

I follow the pie-monochrome,

    plotOptions: {
        pie: {
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
            }
        }
    }

where should I modify?


Hi wang zhijin,

You can use this documentation, as a reference to your charts:

https://www.highcharts.com/demo/pie-monochrome

Regards,

Marco

Marco Arede wrote:

Hi wang zhijin,

You can use this documentation, as a reference to your charts:

https://www.highcharts.com/demo/pie-monochrome

Regards,

Marco

Thank you for your answer.

It's the same reference with my link.


Solution

I got it.

It's [distance: -50]

    plotOptions: {
        pie: {
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                distance: -50
            }
        }
    }
Solution