chart.js を使用した水平積み上げ棒グラフ質問する

Question

CHARTJS V4 用に更新

ChartJS の新しいバージョンでは、indexAXIS を 'y' に設定し、x スケールと y スケールを stacked に設定する必要があります。

options: {
  indexAxis: 'y',
  scales: {
    x: {
      stacked: true
    },
    y: {
      stacked: true
    }
  }
}

ChartJSのV4を使用した更新されたCodepenはこちらですhttps://codepen.io/jamiecalder/pen/vYaWyVy

以下の元の回答ではChartJS V2を使用しています

これは数か月前の話ですが、将来の世代のために私の回答を追加しておこうと思いました。

追加のプラグインなしでもできました。scales で xAxes と yAxes を stacked:true に設定すると、積み上げ水平グラフを作成できます。

scales: {
     xAxes: [{
          stacked: true,
     }],
     yAxes: [{
          stacked: true
     }]
}

ここに、私がそれをどのように行ったかを示すための簡単なペンがあります。http://codepen.io/jamiecalder/pen/NrROeB

Answer 1