2012-09-18 48 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