2012-04-16 15 views
13

私は追跡できないような問題があります。私はいくつかのデータをグラフ化するのにFlotを使用しています。ここに表示されているホバー効果を追加します:Flot ExampleJquery Flot "plothover"イベントが機能しない

残念ながら、「plothover」イベントが発生することはありません。これはコードからの短いスニペットです:

$.plot($chartArea, eventData, eventOptions); 

$chartArea.bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
}); 

この動作を有効にするには、オプションオブジェクトに何か設定する必要はありますか?ありがとう!

+0

あなたはおそらくjsfiddleに私達にあなたのコードの実行可能な例を示しているだろうか?そのような問題を見つけるのはずっと簡単です。 – Aidanc

+0

あなたは正しいですが、私がこれを投稿するとすぐに、私は何かを忘れてしまったと分かりました。私の答えをチェックしてください... – gabaum10

答えて

38

馬鹿のように、私はグリッドオプションを含めるのを忘れていました。オブジェクトを確認してください:

eventOptions = { 
    points: { 
     show: true 
    }, 
    lines: { 
     show: true 
    }, 
    grid: { hoverable: true, clickable: true }, 
    xaxis: { 
     min:earliestMessage.timestamp, 
     max:currentTime, 
     mode:"time", 
     ticks:10 
    } 
}; 

グリッドパラメータに注意してください。それが欠けていたものです。ダー!

:)

+0

グリッドをクリック可能に設定していた偽! – Jerry

2

私は$のChartAreaがあなたのコードであるかわからないんだけど、このような何かを試すことができます:

var chartArea = $("#placeholder"); // your chart div 

$.plot(chartArea, eventData, eventOptions); 

$(chartArea).bind("plothover", function (event, pos, item) { 
    console.log('hovering!'); 
}); 
+0

は私のために働いていますが、id名と要素名を与えることの違いは何ですか? – ddarz4u

関連する問題