Pie Chart - display % values

Hi Gurus,

Is there any setting to display the percentage on the pie chart similar to Excel?
piechart

I’ve tried to put this one but this may only be applicable to a line graph

“chart”: {
“type”: “pieChart”,
“height”: 500,
“showLabels”: true,
“dataLabels”: {
“enabled”: true,
“align”: “right”,
“format”: “{point.y:.1f}%”
}

Any help is much appreciate.

Thank you.

You could try the following advanced options:

  "chartOptions": {
    "plotOptions": {
      "series": {
        "dataLabels": {
          "enabled": true,
          "format": "<b>{point.name}</b>: {point.percentage:.1f} %"
        }
      }
    }
  }

1 Like

Thank you so much!
It worked! :smiley:

Is it possible these data labels to be placed inside the slices instead of showing it from the outside?

Maybe try the distance option.

Yes this should work

    "dataLabels": {
      "enabled": true,
      "distance": "-30%",
      "style": {
        "color": "rgb(104, 108, 126)",
        "textOutline": "0px"
      }
    }
1 Like

Thanks both @srichardson and @Ulas.
It worked well! :slight_smile: