Событие JQuery Flot "plothover" не работает

У меня проблема, которую я не могу отследить. Я использую Flot для графического отображения некоторых данных, очень просто. Я хочу добавить эффект зависания, который вы видите здесь: Пример флота

К сожалению, ни при каких обстоятельствах я не могу запустить событие "plothover". Это краткий фрагмент кода:

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

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

Есть ли что-то, что вам нужно установить в объекте options, чтобы включить это поведение? Спасибо!

Ответ 1

Как идиот, я забыл включить параметр сетки. Проверьте объект:

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

Обратите внимание на параметр сетки. Этого не хватало. Duh!

:)

Ответ 2

Я не уверен, что $chartArea в вашем коде, но давайте попробуем что-то вроде этого:

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

$.plot(chartArea, eventData, eventOptions);

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