右脳系エンジニアのブログ

エンジニアとしての生き方のプロトタイピング、新しい社会のプロトタイプづくりをしています。

Google Chart Toolsを使って積み上げグラフを作成する方法

単純なそれぞれの値ではなく、全体に占めるシェアの変遷を可視化する方法です。
ケータイのシェアの変遷とかによく利用されているチャートですね


今回私が使ってみたのはGoogle Chart Toolsというものです。

Google Chart Tools — Google Developers
https://developers.google.com/chart/


これのArea Chartを利用することで、上記のようなチャートを作成することができます。
Visualization: Area Chart - Google Chart Tools — Google Developers
https://developers.google.com/chart/interactive/docs/gallery/areachart

基本的にはArea Chartのサンプルをまるっとコピペすれば利用可能ですが、
オプションに"isStacked"を追加することで積み上げ型の表示にすることができます。

var options{
  title: 'グラフの名称',
  isStacked : true      //この行を追加する
};

これだけです。