去除 flot 中点击部分的高亮显示

Question

我将以这个情节为例：http://www.flotcharts.org/flot/examples/interacting/

如您所见，如果您单击某个点，它将保持突出显示状态。静态图不是问题，但我有一个每秒更新的图。

如何让这个突出显示的部分在一段时间后消失，例如5 秒？

这是上图（可点击元素）的浮动代码：

$("#placeholder").bind("plotclick", function (event, pos, item) {
        if (item) {
            $("#clickdata").text(" - click point " + item.dataIndex + " in " + item.series.label);
            plot.highlight(item.series, item.datapoint);
        }
    });

Answer 1

要在 5 秒后移除突出显示，您可以为 unhighlight() 函数使用计时器：

$("#placeholder").bind("plotclick", function (event, pos, item) {
    if (item) {
        $("#clickdata").text(" - click point " + item.dataIndex + " in " + item.series.label);
        plot.highlight(item.series, item.datapoint);

        setTimeout(function() {
            plot.unhighlight(item.series, item.datapoint);
        }, 5000);
    }
});

去除 flot 中点击部分的高亮显示

Remove highlighting of the clicked part in flot

javascript

jquery

flot

clickable