jsでグループ化された積み上げ棒グラフに折れ線グラフを重ねたい

目的

• Javascriptで
• グループ化された
• 積み上げ棒グラフに
• 折れ線グラフを重ねたグラフを書きたい

結果

Chart.jsを採用することで実現できました。

JS Bin on jsbin.com

ポイント

• datasetのtypeに'line' or 'bar'を指定する。
• 積み上げたいdatasetにstackプロパティを指定し、値を合わせる。（値が一致した系列同士で積み上がっていく。）
• yAxesに左辺、右辺用の定義を追加する。（idを忘れずに。）
• datasetのyAxisIDに、上で定義したidを設定する。