初めてcanvasタグを使って折れ線グラフを描いてみました。
これまでなら、エクセル等の表計算ソフトでグラフを作って、それをキャプチャーして画像にしていた訳ですが、そんな必要もなくなったので試してみました。
エクセルのように、なにも考えずに生成させることはできませんが、JavaScriptの配列変数にデータを入れ、なんとか描画できました。
グラフの下のデータ表(テーブル)もJavaScriptで生成させました。
思ったより簡単に出来て、満足、満足。^^
・・・と思ったら、IE8では表示しない・・・orz
excanvas.js で表示させるにはコツがあるらしいが・・・。
今日は時間がないので、後日、対策を検討するとしよう・・・。