読者です 読者をやめる 読者になる 読者になる

Chart JS V2.0 Bar Chart stacked Sample

サンプルの内容

積み上げ棒グラフにしてみました。 また、y軸を 0 から始まるように修正しています。

f:id:katogiso-tech:20160906232734p:plain

コード

gistce77ea5cec5f5635eb70038134f2ce4c

解説

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

options.scales.[x|y]Axes.stacked = true にすることで、 積み上げグラフになります。

また、2つのデータの区別がつくように色も変えていますが、 line chart の時と同様です。