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],{ }); |
谢谢!
如果您想在 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