javascript - 删除flot中单击部分的突出显示

Question

我将以此图为例:http://www.flotcharts.org/flot/examples/interacting/

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

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

这是上面图表的 float 代码(可点击元素):

$("#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);
    }
});