Canvasで棒グラフ、折れ線グラフ、円グラフをつくる - はしくれエンジニアもどきのメモ

Canvasで棒グラフ、折れ線グラフ、円グラフをつくる D3.js を使う前の練習ということで、Canvas で棒グラフ、折れ線グラフ、円グラフを作ってみたのでメモ。 なお、目盛りはついてないです。。 棒グラフ barGraph(canvas_obj, datas, stroke_opts, fill_opts) 関数で棒グラフを描画している。 stroke_opts 引数で枠線の幅(width)と色(color)を変更できるようにしています。。 fill_opts 引数では、棒の色(color)を変更できるようにしています サンプル codepen.io コード Canvas上で棒グラフ 折れ線グラフ function lineGraph(canvas_obj, datas, line_opts, dot_opts, text_opts) 関数で折れ線グラフを描画している。 line_o