積み上げ棒グラフの結果が整列しない

Question

3つのデータ系列の棒を積み重ねる棒グラフを作成しようとしています。私は、Chart.jsと角度チャートを使用しています。私はそれに応じてスタックプロパティを設定しました：stacked: true、まだバーは、垂直にお互いに揃えていません。

基本的には、私の質問は、バーが均一な幅であるが、垂直にずらされた色になるように、各シリーズラインからデータを作成するにはどうすればいいですか？

は、ここに私のチャートの構成コードの一部です：

$scope.barLabels = ['-120 to -80', '-80 to -70', '-70 to -60', '-60 to -50', '-50 to -10']; 
$scope.barData = [ 
    [3, 9, 2, 11, 5], 
    [6, 9, 2, 11, 5], 
    [2, 1, 2, 4, 5] 
]; 

$scope.barOptions = { 
    legend: { 
     display: false 
    }, 
    scales: { 
     yAxes: [ 
      { 
       stacked: true, 
       display: true, 
       position: 'left', 
       ticks: { 
        beginAtZero: true, 
        min: 0 
       } 
      } 
     ] 
    } 
}; 

Answer 1

あなたはまた、x軸用stacked: trueを設定する必要があります。あなたのscalesは、それゆえ、次のようになります。

... 
scales: { 
    xAxes: [{ 
     stacked: true 
    }], 
    yAxes: [{ 
     stacked: true, 
     display: true, 
     position: 'left', 
     ticks: { 
      beginAtZero: true, 
      min: 0 
     } 
    }] 
} 
... 

はBar Chart Optionsで、セクションの最初のサンプルコードを見てください。このコードサンプルでは、​​x軸とy軸の両方の軸にstacked: trueが設定されています。これは、あなたが望むように積み上げ棒グラフを取得します。