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

by shigemk2

当面は技術的なことしか書かない

積み上げ棒グラフを作成する

Highcharts

Highcharts - Stacked column

Highchartsそのものの使い方は、
Highcharts の使い方 - by shigemk2
Highcharts の書き方 1 - by shigemk2

などを参考のこと。

Highchartsを利用して、以下のようなグラフを作成したい。

Highchartsを利用するJavaScriptの部分のplotOptions
以下のようにするとよい。

chart: {
    renderTo: 'container',
    type: 'column'
},
.....
plotOptions: {
    column: {
        stacking: 'normal', // columnで、stackingをnormalにする
        dataLabels: {
            enabled: false,
            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
        }
    }
},

ちなみに横向きにしたいときはtypeをbarにするとよいでしょう。