2012-09-18 51 views
0

JSFIDDLE合并或组的两个饼图成一个饼图

如何使用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 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,         
      } 
     }); 
+0

你能说出你想做的更清楚一点吗?你只是想从这两个数据集中找出一张图表? – Mark

+0

@Mark yup !!!我想合并两个并显示分裂的数据假设var 1 = 10和第二个饼图var 1 = 5和var 2 = 5,它应该显示分裂 – dude

回答

1

仍不能确定你所追求的,但采取一种猜测合并两个饼图成一个饼图。

鉴于这种数据:

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 firstv=30; 
var secondv=40; 
var thirdv=30; 
var name1="giri"; 
var name2="shiva"; 
var name3="nanda"; 

var data2 = [[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,         
     } 
    }); 

产地:

enter image description here