Question

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

不幸的是，在任何情况下都不能让'plothover'事件发生。这是代码中的简短片段：

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

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

您是否需要在options对象中设置以启用此行为？谢谢！

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!');
});

Jquery Flot“plothover”事件不起作用

2 个答案: