NO IMAGE

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

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

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

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

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

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

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

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

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

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

This website stores cookies on your computer. These cookies are used to provide a more personalized experience and to track your whereabouts around our website in compliance with the European General Data Protection Regulation. If you decide to to opt-out of any future tracking, a cookie will be setup in your browser to remember this choice for one year.

Accept or Deny