マウス イベント (Jquery) を関連付けることができるポイントをプロットする Web ページを作成しようとしています。だから、私はそれらをdomオブジェクトにしたいと思っています。ただペイントしたくはありません。(html5 を使用して描画し、それらを dom 要素として扱うことができるかどうかを提案してください)
基本的に、x、y 座標を含むテキスト ファイルがあり、それらをプロットしたいのですが、Jquery イベントをそれらに関連付けたいと考えています。たとえば、クリックしたノードに応じて、左クリックするとグラフが表示され、右クリックするとメニューが表示されます。
さて、いくつかのアプローチ。
座標を取得し、それらのポイントを使用して DOM に絶対配置要素を作成できます。jQueryを使用すると、「上」と「左」のポイントを設定して配置できます。jQuery はクリック イベントを簡単に適用できるため、この方法が最も簡単かもしれません。
HTML5 キャンバスを使用し、ファイルの座標を使用して形状を描くことができます。この方法では、独自のイベント ライブラリを作成するか、kinetic.js などの既に作成されているライブラリを使用する必要があります。また、これらのスタイリングは、最初の方法のように DOM オブジェクトと CSS を使用するよりも、動的で広範ではありません。
私見ですが、DOM 要素を線と点で記述するのは非常にばかげた方法です。たとえば、丸い線を作成するにはどうすればよいでしょうか。ボーダー CSS スタイルで対角線を作成することもできますが、..まあ、利用可能なオプションはたくさんあります。 ! もう 1 つのアプローチは、ハイスライドです。
jQueryトップ 5 グラフ作成ツール
なんらかの理由でこれに dojo のタグを付けたので、このブログ エントリをチェックしてください。
http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/
これは、Apacheユーザーからの素敵な紹介スライドショーです