在jQuery flot图表上添加或突出显示单个点?

我已经使用一些数据绘制了一个flot图:

var plot = $.plot($("#placeholder"), [{ data: data, }], { series: { points: { show: true } }, grid: { hoverable: true, } }); 

现在,当用户将鼠标hover在页面上其他位置的项目上时,我想突出显示图表上的单个点。

我发现了这个问题 ,它解释了如何从头开始重新绘制系列,但是有没有办法突出显示单个点?

或者添加一个不同颜色的新点,这会产生高光效果?

注意:当用户将鼠标hover在页面上其他位置的相关项目上时,我将获得相关点的x和y坐标,但不会显示图表上的像素坐标。

API提供以下方法:

从plot函数返回的Plot对象有一些你可以调用的方法:

  • 突出显示(系列,数据点)

    突出显示数据系列中的特定数据点。 您可以指定实际对象,例如,如果您从“plotclick”事件中获取它们,或者您可以指定索引,例如突出显示(1,3)以突出显示第二个系列中的第四个点(请记住,从零开始的索引)。

  • unhighlight(系列,数据点)或unhighlight()

    删除点的突出显示,与高亮显示相同的参数。

    如果您在没有参数的情况下调用unhighlight,例如plot.unhighlight(),则会删除所有当前高光。