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

希望它有幫助。