2012-04-07 15 views
2

したがって、基本的には上向きの折れ線グラフのようなグラフを作成する必要があります。 X軸上の は時間であり、y軸上ではユーザがロックを解除した達成度である。 表示されている各成績は、前回よりも指定された高さになり、ロックが解除されたときのX軸を横切る一定の距離になります。jquery/html5キャンバスグラフを作成

これを行うにはどのような方法が最適でしょうか?

+1

は、あなたがhttp://processingjs.org/を見たことがありますか? – jimw

答えて

2

HighChartsを使用できます。または、より強力なソリューションの場合はRaphaëlです。これらのライブラリはSVGを使用して動作します。

ここにはan example using HighChartsがあります。

+0

私は既にハイチャートを使用しましたが、非常に基本的でシンプルなものが非常にカスタマイズ可能です。 – Sneaksta

+0

簡単ですか?いい考えはありません。 d3.jsはどうですか? http://mbostock.github.com/d3/ – Alexander

+1

私はラファエルを見ていなかったので、私の悪い - 驚くほどに見える。私はそれに行くつもりです。ありがとう! – Sneaksta

0

このサイトでは、チャートのようなキャンバスのチュートリアルをご覧いただけます。

canvas tutorials