javascript - Jquery Flot“plothover”事件不起作用

Question

我有一个我似乎无法追踪的问题。我正在使用 Flot 绘制一些数据，超级简单。我想添加您在此处看到的悬停效果：Flot Example

不幸的是，在任何情况下我都不能触发“plothover”事件。这是代码中的一个简短片段：

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

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

您需要在选项对象中设置什么来启用此行为吗？谢谢！

Answer 1

像个白痴一样，我忘了包括网格选项。查看对象：

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

注意网格参数。这就是缺少的东西。呸！

:)

Answer 2

我不确定您的代码中的 $chartArea 是什么，但让我们尝试这样的事情：

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

$.plot(chartArea, eventData, eventOptions);

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