jqplot круговая диаграмма процент добавления

Question

Рассмотрим следующий фрагмент кода:

function drawChart() { 
     var slice_1 = ['A', 15]; 
     var slice_2 = ['B', 40]; 
     var slice_3 = ['C', 50]; 
     var slice_4 = ['D', 40]; 
     var series = [slice_1, slice_2, slice_3,slice_4]; 
     var data = [series]; 

     var options = { 
     seriesColors: ["#00aeef", "#FFBF00", "#0CDA08", "#FF1926"], 
     seriesDefaults: { 
     renderer: jQuery.jqplot.PieRenderer 
     }, 
     legend: { show:true, location: 'e' } 
     }; 

     $.jqplot('chartDivId', data, options); 
    } 

В приведенном выше, как я получаю процент внутри круговой диаграммы? Я пробовал много вещей, но могу, чтобы он работал.

Я добавил это:

rendererOptions: { 
      // Put data labels on the pie slices. 
      // By default, labels show the percentage of the slice. 
      showDataLabels: true, 
      dataLabels: 'value', 
      dataLabelFormatString:'%.4f' 
     } 

Но процент не появлялся внутри круговой диаграммы.

Answer 1

Я использовал выше фрагмент кода (тот вы вывесили), и я был в состоянии отображать ярлыки в «проценты»

Вам просто нужно использовать showDataLabels: true внутри rendererOptions По умолчанию showDataLabels отображает метки в процентах.

Нет необходимости в коде ниже. Удалить эти две линии

dataLabels: 'value', 
dataLabelFormatString:'%.4f' 

Вот рабочий JSFiddle для вашего кода: Pie Chart - Show labels in percentages

Также убедитесь, что вы добавляете rendererOptions внутри seriesDefaults

Вы также можете проверить пример здесь: jqPlot - Pie Chart

Надеюсь, что это поможет.