Google Line Chart：ドラッグして値を調整する

Question

最近、私はGraphaelと拡張パッケージIcoの使用をやめました。私はまだそれは素晴らしい図書館だと思う、それは広く採用することができる前に、より良い文書と適切なAPIを必要とするだけです。

Google Chartsを使用するようにチャートを使用して領域を変換しました。私は、グラフィカルを使って、ドラッグをサポートしている特定の機能を実行する方法を見つけられないようです。私のline chartsの1つは編集可能である必要があります。つまり、行の個々の点を上下にドラッグして値を調整できます。

私は、イベントやAPIにイベントを結びつける方法を見つけようとしています。誰もそのようなことをすることができましたか？

カスタムチャートを作成することはおそらく可能です。このようにすることは可能でしょうか？

EDIT：Google APIや出力されたSVGにフックすることは実際には不可能か、非常に難しいようです。それはiframe内にあり、入手可能なソースコードがないため、魅力的でないオプションになります。

私はHighchartsで実験を始めました。私はGoogleのエンジンが行うすべてのことを行うことができ、それがレンダリングされた後でチャートを操作することができます。ソースコードが提供されているので、特定のものを理解しやすくなります。また、個々のSVGサークル要素ではなく線グラフを実行するときにパスを使用するため、Googleソリューションよりも少し速く動作するようです。

私が直面している問題は、SVG Path要素と関係があります。ドラッグを設定する単一のポイントはありません。そのため、jQuery.draggableを使用するには、SVG Circleや他の要素をドラッグしたいSVG Pathフラグメントと同じ位置に挿入する必要があります。したがって、以下を解決しなければなりません： - 作成された要素を正しい位置に配置する方法は？ - グラフがスケールされているときに要素を移動する方法（どちらの軸でも最小値または最大値の変更）？ - 新しい位置を値に戻す方法、シリーズデータを供給するためにスケーリングする方法

誰かがHighchartsの深い経験を十分に持っていますか？可能であればJSfiddleの例を提供しようとします。