JQPlot饼图2D功能

时间:2012-11-08 23:15:59

标签: jquery jqplot

我正在使用通过JSON从MySQL表中提供的JQPlot来组合一个饼图,并试图看看是否有任何专家可以为我回答问题。我有饼图工作,因为它需要一个数组,将其除以总量的百分比,并显示图表。从这里开始,是否可以输入另一个值来成为饼的总值,从中减去数组的总值,并显示数组项与整个饼的百分比?

例如,如果我给JQPlot这个数组,[[a,2],[b,4],[c,2]],它会输出一个显示a = 25%,b = 50%的图表, c =总馅饼的25%。我想给它另一个值10来表示整个馅饼,从而迫使该数组输出a = 20%,b = 40%,c = 20%,剩余额外的20%。

我开始使用的代码是JQPlot网站的基本饼图示例,我想要的总饼图值设置为从getGrossTotal.php输入。如果无法完成,则无法完成。我只想查看有关如何处理它的想法。

$(document).ready(function(){
$.getJSON('getGrossTop.php', function(grossTop){

var plot1 = jQuery.jqplot ('pieChart', [grossTop],{ 
    seriesDefaults: {
        renderer: jQuery.jqplot.PieRenderer, 
        rendererOptions: {
            showDataLabels: true
        }
    }, 
    legend: {
        show:true,
        location: 'e'
    },
});

});
});

谢谢!

2 个答案:

答案 0 :(得分:0)

没关系。我没有尝试在javascript中处理额外的数字,而是返回到PHP端,总计每个次要数组的值,从数据库中的所有内容的总和中减去该结果,并将该结果推送到主要数组进行编码。它基本上是一个额外的小数组项,标签为nothing,值为我想要的数字。当我把所有这些都传递到JQPlot时,它给了我正在寻找的东西。感谢所有看过的人。

答案 1 :(得分:0)

如果你想在jqPlot级别设置(但我认为如果使用PHP,这项工作会更清晰) 我认为最好在PHP级别工作,但是如果你需要处理输入数据数组,你可以用两种方式来做;

1)在$ .jqplot()调用之前

您想要向数组中添加另一个元素,其中包含所有值总和的10%。 所以

$.getJSON('getGrossTop.php', function(grossTop){

grossTop.push(['d',8.8]); //here you can insert what and many elements you want

var plot1 = jQuery.jqplot ('pieChart', [grossTop],{ 

2)$ .jqplot()调用后

您需要直接在jqPlot对象中添加第四个元素

plot1.data[0].push(['d',8.8]);

但请记住,您需要再次重新绘制图表!