4

私のページにはいくつかのグラフがあります。ユーザーがカーソルを写真の上にドラッグすると、グラフの上に水平線を表示したいと思います。

ここに画像の説明を入力

上の図は開始点であり、後者はユーザーがカーソルをグラフの上に置いたときに何が起こるかを示しています。線が画像上にある場合、線はカーソルと同じレベルに留まる必要があります。

たとえば、これはJavascriptで可能ですか?

4

2 に答える 2

5

たとえば、カーソルの Y 値に 1px の緑の境界線で配置された div ボックスが必要です。位置は絶対に設定する必要があります。ただし、画像に直接ペイントすることはできません。

于 2012-12-02T12:02:17.487 に答える
0

D3 を使用し、svg に基づいてグラフとホバー ラインを描画することができます。他のグラフ コンポーネントを追加して、拡大するサブ間隔を選択したり、ラベルを変更したりするなど、相互作用することもできます。

これを開発の例として取り上げます: http://mpf.vis.ywng.cloudbees.net/

(黄色のバーをドラッグして、凡例をクリックできます。ソース コードについては、github で fork me をクリックしてください)

于 2013-08-14T14:37:05.457 に答える