NO IMAGE

Canvasで折れ線グラフを描いてみた

  • 2012年6月25日
  • 2013年10月25日
  • Canvas
  • 17view
  • 0件

20120625初めてcanvasタグを使って折れ線グラフを描いてみました。

これまでなら、エクセル等の表計算ソフトでグラフを作って、それをキャプチャーして画像にしていた訳ですが、そんな必要もなくなったので試してみました。

エクセルのように、なにも考えずに生成させることはできませんが、JavaScriptの配列変数にデータを入れ、なんとか描画できました。

グラフの下のデータ表(テーブル)もJavaScriptで生成させました。

思ったより簡単に出来て、満足、満足。^^

・・・と思ったら、IE8では表示しない・・・orz

excanvas.js で表示させるにはコツがあるらしいが・・・。

今日は時間がないので、後日、対策を検討するとしよう・・・。