javascript - キャンバスタグhtml5を使用して動的x、y軸を持つグラフを作成する方法

Question

html5でcanvasタグを使って(23,45)、(32,67)などの数値をプロットしたグラフを作りたいです。このリンクでこのグラフを見つけましたhttp://www.worldwidewhat.net/2011/06/draw-a-line-graph-using-html5-canvas/このグラフの問題は、y軸のみが数値で機能することです.Y軸と同じロジックを使用して、X軸を数値でも機能させたい...助けてください

Answer 1

これは本当に簡単な修正です。グラフ化されているため、X 値ではなくデータの長さを参照するだけです。getMaxX()関数を追加し、実際の X 値を参照することで、これを簡単に回避できます。これが実際の例です。