1つのチャートの代わりに2つのチャートを作成

Question

私はキャンバスjsを使用してドーナツチャートを作成しています。私はカスタムjsコードを使用してXMLからの応答を取得し、データポイントを指している

ここでグラフのタイプを「ライン」に変更すると、グラフタイプが「パイ」または「ドーナツ」になっているので、1つのグラフではなく2つのグラフが表示されます。それがどのように働いて誰かが光を浴びることができましたか

マイコードは

$scope.loadChartValue = function (data, scopes) { 
     scopes.data_id = []; 
     scopes.legend_text = ""; 
     scopes.inner_chart_data = []; 

     for (var i = 0; i <= data.length; i++) { 
      var arrayvalue = data[0].data[i]._attr; 
      if (existsInArray(scopes.data_id, arrayvalue.label._value) == false) { 
       scopes.data_id.push(arrayvalue.label._value); 
      } 
     } 
     for (var i = 0; i < scopes.data_id.length; i++) { 
      scopes.inner_chart_data = []; 
      for (var j = 0; j <= data.length; j++) { 
       if (data[0].data[j]._attr.label._value == scopes.data_id[i]) { 

        scopes.inner_chart_data.push({ label: data[0].data[j]._attr.label._value, y: data[0].data[j]._attr.value._value }); 
        scopes.legend_text = data[0].data[j]._attr.label._value; 
       } 
      } 
      scopes.dataset.push(
         { 
          type: "doughnut", 

          markerType: "circle", 
          markerSize: scopes.markersize, 
          color: scopes.chart_color_value[i], 
          showInLegend: true, 
          name: scopes.legend_text, 
          legendText: scopes.legend_text, 
          dataPoints: scopes.inner_chart_data 
         } 
       ); 
     } 
     scopes.data_length = data.length/scopes.data_id.length; 
    } 

Answer 1

Line、Columnであり、他のチャートタイプmulti-seriespie/doughnut一方が単一の直列チャートでサポート。

複数のデータポイントを持つ1つのデータ系列ではなく、複数のデータ系列を作成しています。 dataSeriesの代わりに複数のdataPointsを使用して1つのシリーズを作成すると正常に動作します。