ccchart
http://ccchart.com
デモ・日本語ドキュメントがそろっている。特にデモの数が、非常に細かいレベルで揃っていてありがたい。
まだ実装はしてないけど、オプションも多いし、サンプルも多いし一番とっつきやすく、かつ色々なことが出来そう。
ということで、当面は「ccchart」で遊ぶ。
///////
ccchart 006 (なめらか曲線 図) 実験
///////
///////
///////
<script src="http://ccchart.com/js/ccchart.js" charset="utf-8"></script>
<canvas id="hoge"></canvas>
<script>
var chartdata6 = {
"config": {
"title": "Bezier Chart2",
"subTitle": "Canvasを使った普通な感じのベジェラインチャートです",
"type": "bezi2",
"xScaleXOffset": 4,
"colorSet":
["#666","#aaa","#ccc"],
"bgGradient": {
"direction":"vertical",
"from":"#222",
"to":"#687478"
}
},
"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', chartdata6)
</script>
///////