ccchart

http://ccchart.com

デモ・日本語ドキュメントがそろっている。特にデモの数が、非常に細かいレベルで揃っていてありがたい。
まだ実装はしてないけど、オプションも多いし、サンプルも多いし一番とっつきやすく、かつ色々なことが出来そう。


ということで、当面は「ccchart」で遊ぶ。
///////
ccchart  004  (面積　図）　実験 

///////

///////
<script src="http://ccchart.com/js/ccchart.js" charset="utf-8"></script>
<canvas id="hoge"></canvas>
<script>
var chartdata53 = {

  "config": {
    "title": "stackedArea Chart",
    "subTitle": "積み上げ面チャート。縦方向に積み上げる面(Area)チャートです。",
    "type": "stackedarea",
    "colorSet": 
          ["#666","#aaa","#5b7e91","#4c6cb3","#eee"],
    "useMarker": "arc",
    "useVal": "yes",
    "roundedUpMaxY": 100
  },

  "data": [
    ["月",1,2,3,4,5,6,7,8,9,10,11,12],
    ["コーヒー",52,57,44,50,60,55,68,80,64,41,57,78],
    ["ジュース",30,45,56,40,80,68,76,90,75,52,57,55],
    ["ウーロン",20,23,12,20,42,50,72,63,30,20,32,50]
  ]
};
ccchart.init("hoge", chartdata53)
</script>
///////