javascript - 如何使图表上最近的四个点发光？

Question

当我的光标移动时，如果它还没有在一个绘图点上，我会抓住两个最近的点。

我希望能够使这两个最近的点亮起（即将颜色更改为橙​​色或其他东西），然后在光标离开图形范围后恢复正常。我该如何实施呢？

placeholder.bind("plothover",  function (event, pos, item) {
    if (item){
        local_x = item.datapoint[0].toFixed(2);
        local_y = item.datapoint[1].toFixed(2);                 
        if (!updateLegendTimeout){
        updateLegendTimeout = setTimeout(updateLegend(local_x,local_y), 1000);
        updateLegendTimeout = null;
        }
    }
    else{
         var closest_points_container = interpolate(plot,pos.x,pos.y);                              

         //Code to make points glow goes here, they are contained in closest_points[0]                   
           and closest_points[1].
    }

Answer 1

Flot 在绘图对象上提供了 highlight 和 unhighlight 方法，如文档的Plot Methods部分所述。不幸的是，它有一个限制，即一次只能突出显示一个点。那是烤出来的；你不能改变它而不改变源。

我将使用的解决方法是添加第二个系列，仅显示点，不显示线，并将点样式设置为突出显示，即半透明。这个亮点系列一开始是空的；然后，当您想突出显示主要系列上的某个点时，可以将其复制到突出显示系列并重绘。