Affichage du pourcentage à l'intérieur de l'élément à secteurs pour les highcharts

Question

J'essaie de savoir s'il est possible d'afficher le pourcentage pour chaque élément de tarte à l'intérieur de l'élément de tarte réel pour les highcharts? Un exemple de ce que je veux dire est quelque chose comme ceci:

https://developers.google.com/chart/interactive/docs/gallery/piechart

Answer 1

Vous voudrez peut-être regarder @ dataLabels.formatter . L'option this.percentage Est disponible pour la tarte

De plus, dataLabels.distance peut être défini sur une valeur négative pour dataLabels à l'intérieur du secteur.

Pie avec des valeurs en pourcentage à l'intérieur de @ jsFiddle

Answer 2

C'est étonnamment facile. Dans votre info-bulle ou dans la section dataLabels, modifiez votre format.

FROM:
  format: '<b>{point.name}</b>: {point.y:.1f} Rs.',
TO:
  format: '<b>{point.name}</b>: {point.percentage:.1f} %',

Answer 3

Essayez ce code. Ça marche pour moi:

  'labelFormatter':function () { 
       var total = 0, percentage; 
       $.each(this.series.data, function() { 
          total+=this.y; 
       }); 

       percentage=((this.y/total)*100).toFixed(1); 
       return this.name+' '+percentage+'%'; 
    }