2015-05-25 332 views
0

考虑以下代码片段:
jqplot饼图百分比增加

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' 
     } 

但比例没有出现在饼图内。

回答

0

我用上面的代码(您发布的一个),我能够在显示标签“百分比”

你只需要使用showDataLabels: truerendererOptions 默认情况下,showDataLabels显示百分比标签。

不需要下面的代码。删除这两条线

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

这里有一个工作的jsfiddle为您的代码:Pie Chart - Show labels in percentages

另外,还要确保你添加rendererOptionsseriesDefaults

您还可以检查在这里的例子:jqPlot - Pie Chart

希望它有帮助。