Jquery 将两个饼图合并或分组为一个饼图
如何使用jqplot将两个饼图合并为一个饼图Jquery 将两个饼图合并或分组为一个饼图,jquery,jqplot,Jquery,Jqplot,如何使用jqplot将两个饼图合并为一个饼图 var firstv=30; var secondv=40; var thirdv=30; var name1="giri"; var name2="shiva"; var name3="nanda"; var data = [[name1, firstv],[name2, secondv],[name3,thirdv]]
var firstv=30;
var secondv=40;
var thirdv=30;
var name1="giri";
var name2="shiva";
var name3="nanda";
var data = [[name1, firstv],[name2, secondv],[name3,thirdv]];
var plot1 = jQuery.jqplot('chart1', [data],
{
grid: {
shadow: false,
background: '#FFFFFF',
},
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true,
padding: 20,
startAngle: 270
}
},
legend: {
show: true,
location: 'e',
fontSize: 11,
marginTop: 10,
}
});
仍然不确定你在追求什么,只是猜测一下 鉴于这些数据:
var firstv=10;
var secondv=20;
var thirdv=70;
var name1="ram";
var name2="kumar";
var name3="manju";
var data1 = [[name1, firstv],[name2, secondv],[name3,thirdv]];
以及:
然后将两个数据集合并在一起:
var plot2 = jQuery.jqplot('chart2', [$.merge(data,data2)], //using jquery to merge the two datasets
{
grid: {
shadow: false,
background: '#FFFFFF',
},
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true,
padding: 20,
startAngle: 270
}
},
legend: {
show: true,
location: 'e',
fontSize: 11,
marginTop: 10,
}
});
产生:
您能更清楚地说明您想做什么吗?你只想从这两个数据集中拿出一张图表吗?@Mark-yup!!!我想合并两者并显示数据的拆分假设VAR1=10,第二个饼图VAR1=5和VAR2=5,它应该显示拆分
var plot2 = jQuery.jqplot('chart2', [$.merge(data,data2)], //using jquery to merge the two datasets
{
grid: {
shadow: false,
background: '#FFFFFF',
},
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
showDataLabels: true,
padding: 20,
startAngle: 270
}
},
legend: {
show: true,
location: 'e',
fontSize: 11,
marginTop: 10,
}
});