ccchart
http://ccchart.com
デモ・日本語ドキュメントがそろっている。特にデモの数が、非常に細かいレベルで揃っていてありがたい。
まだ実装はしてないけど、オプションも多いし、サンプルも多いし一番とっつきやすく、かつ色々なことが出来そう。
ということで、当面は「ccchart」で遊ぶ。
///////
ccchart 005 (面積2 図) 実験
///////
///////
///////
///////
<script src="http://ccchart.com/js/ccchart.js" charset="utf-8"></script>
<canvas id="hoge"></canvas>
<script>
var chartdata48 = {
"config": {
"title": "Area Chart",
"subTitle": "面チャート。色の透明度はcolorSetへRGBAやHSLA形式で指定してください。",
"type": "area",
"colorSet":
["rgba(0,150,250,0.5)","rgba(200,0,250,0.4)","rgba(250,250,0,0.3)"],
"useMarker": "arc"
},
"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", chartdata48)
</script>
///////