Wyświetlanie wartości procentowej wewnątrz elementu wykresu dla highcharts

Question

Próbuję dowiedzieć się, czy możliwe jest wyświetlanie wartości procentowej dla każdego elementu wykresu kołowego wewnątrz rzeczywistego elementu pie dla highcharts? Przykładem tego, co mam na myśli coś takiego:

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

Answer 1

Możesz zajrzeć @dataLabels.formatter. Opcja this.percentage jest dostępna dla ciasta

Można również ustawić wartość ujemną dla parametru dataLabels wewnątrz wykresu kołowego.

Pie with percentage values inside @ jsFiddle

Answer 2

Spróbuj tego kodu. To działa dla mnie:

'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+'%'; 
    } 

Answer 3

To jest zaskakująco łatwe. W sekcji tooltip lub dataLabels zmień format.

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