JQPlot 饼图二维能力答案

【问题标题】：JQPlot Pie Chart 2D CapabilityJQPlot 饼图二维能力
【发布时间】：2013-12-27 18:49:13
【问题描述】：

我正在使用 JQPlot 从 MySQL 表中通过 JSON 提供一个饼图，并尝试查看是否有任何专家可以为我回答问题。我的饼图按预期工作，因为它需要一个数组，将其除以总量的百分比，然后显示图表。从这里，是否可以输入另一个值成为饼图的总值，从中减去数组的总值，并显示数组项相对于整个饼图的百分比？

例如，如果我给 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'
    },
});

});
});

谢谢！

【问题讨论】：

标签： jquery jqplot

【解决方案1】：

没关系。我没有尝试在 javascript 中处理多余的数字，而是回到 PHP 端，合计每个次要数组的值，从数据库中所有内容的总和中减去该结果，然后将该结果推送到主要数组中进行编码。它基本上制作了一个额外的次要数组项，其标签为空，并且值为我想要的数字。当我将所有这些传递给 JQPlot 时，它给了我我想要的东西。感谢所有观看的人。

【讨论】：

【解决方案2】：

如果你想在 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]);

但请记住，您需要重新绘制图表！

【讨论】：