したがって、基本的に昇順の折れ線グラフのように見えるグラフを作成する必要があります。X 軸は時間、Y 軸はユーザーがロック解除した実績です。表示される各アチーブメントは、前のアチーブメントよりも指定された高さになり、アンロックされた時期に応じて x 軸を横切る特定の距離になります。
これを達成するための最良の方法は何ですか?
HighChartsを使用できます。または、より強力なソリューションについてはRaphaëlを参照してください。これらのライブラリは SVG を使用して動作します。
ここにHighCharts を使用した例があります。
チャートなどのキャンバス チュートリアルについては、このサイトにアクセスしてください。