javascript - クリックイベントの代わりにフロートホバー

Question

私は今問題に直面しています: 私はフロート チャートを持っています。それをクリックすると、データを含むモジュラー ウィンドウが表示されます。

同じことをする必要がありますが、クリックイベントの代わりに、ホバー時にこれを行う必要があります。githubのドキュメントは、クリックイベントでそれを行う方法のみを示しています。ホバー時に同じことをすることに困惑しています。誰かが私を助けることができますか？

Answer 1

ホバー オン フロートのイベントは "plothover" と呼ばれるため、そのイベントをダイアグラムのコンテナーにバインドし、次のようにコールバックを設定します。

$(diagramContainer).bind("plothover",function(event, pos, item) {
   // event holds the js event, pos holds the (x,y) coordinate, item holds the 
   // closest data item to the event
});

アイテムには通常、属性 item.pageX や item.pageY などのツールチップをデータアイテムに追加するのに十分な情報があり、値は属性 item.datapoint に保存され、item.series にアクセスするシリーズ構成を見つけることができます。属性 (item.series.color など)。

Answer 2

ホバーで関数イベントを変更する

$(function (){
   $("#yourID").hover(function (){
     //your code goes here 
   })
})

Answer 3

一致した要素に 2 つのハンドラーをバインドし、マウス ポインターが要素に出入りするときに実行されるようにします。

$(function (){
   $("#yourID").hover(OnmouseoverFunction, Onmouseoutfunction);
})

function OnmouseoverFunction()
{
 //on mouse over code
}

function Onmouseoutfunction()
{
 //on mouse outcode
}