Добавить текст на Секторам JQuery PieChart (Highcharts)

Question

По моему требованию мне нужно добавить процент (размер сектора) на сектор моего JQuery круговой диаграммы (Highcharts), как показано ниже

но моя диаграмма Круговая, как это без какого-либо текста на своих секторах

Я пытался много атрибутов в моем файле .js для отображения текста на секторах моей круговой диаграммы, но не Luc к.

Вот мой .js файл

$(function() { 
var chart; 

$(document).ready(function() { 

    // Build the chart 
    $('#container').highcharts({ 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: 'Browser market shares at a specific website, 2010' 
     }, 
     tooltip: { 
      pointFormat: '{series.name}: <b>{point.percentage}%</b>', 
      percentageDecimals: 1 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       showInLegend: true 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Browser share', 
      data: [ 
       ['Firefox', 45.0], 
       ['IE',  26.8], 
       { 
        name: 'Chrome', 
        y: 12.8, 
        sliced: true, 
        selected: true 
       }, 
       ['Safari', 8.5], 
       ['Opera',  6.2], 
       ['Others', 0.7] 
      ] 
     }] 
    }); 
}); 

});

Эта диаграмма визуализируется в DIV, показанном

<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 

Может кто-нибудь предложить мне кусок кода, который я могу добавить в мой файл .js, так что он будет отображать текст на своих секторах.

Answer 1

Текст должен быть добавлен ломтиками insie? Если да, вы можете использовать datalabels с форматировщиком http://api.highcharts.com/highstock#plotOptions.series.dataLabels.formatter

EDIT: Вы можете использовать параметр расстояния с отрицательным значением http://api.highcharts.com/highcharts#plotOptions.pie.dataLabels.distance