关于jquery:JQPlot饼图二维能力

JQPlot Pie Chart 2D Capability

我正在使用 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 输入。如果做不到,那就做不到。我只是想看看如何处理它的想法。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(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’
    },
});

});
});

谢谢!


如果您想在 jqPlot 级别设置(但我认为如果您使用 PHP,这项工作会更干净)
我认为最好在 PHP 级别工作,但是如果您需要处理输入数据数组,您可以通过两种方式进行;

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

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

1
2
3
4
5
$.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对象中直接添加第四个元素

1
plot1.data[0].push([‘d’,8.8]);

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


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


原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/268785.html

(0)
上一篇 2022年6月20日
下一篇 2022年6月20日

相关推荐

发表回复

登录后才能评论