15

追跡できない問題があります。Flotを使用して、いくつかのデータをグラフ化しています。非常に簡単です。ここに表示されているホバー効果を追加したいと思います：フロットの例

残念ながら、どのような状況でも「plothover」イベントを発生させることはできません。これは、コードの簡単な抜粋です。

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

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

この動作を有効にするためにoptionsオブジェクトに設定する必要があるものはありますか？ありがとう！

4

2 に答える 2

43

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

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

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

:)

于 2012-04-16T21:19:40.833 に答える
2

コードに$chartAreaが含まれているのかわかりませんが、次のようなものを試してみましょう。

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

$.plot(chartArea, eventData, eventOptions);

$(chartArea).bind("plothover", function (event, pos, item) {
    console.log('hovering!');
});
于 2012-04-16T21:24:27.577 に答える