jquery - 2 つの円グラフを 1 つの円グラフにマージまたはグループ化する

Question

JSFIDDLE

jqplotを使用して2つの円グラフを1つの円グラフにマージする方法

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,                                
            }
        });

Answer 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]];

次に、2 つのデータセットを一緒にマージします。

  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,                                
      }
  });

プロデュース: