Javascript 如何使图形上最近的四个点发光？

当光标移动时，如果最近的两个点不在打印点上，我会抓取它们

我希望能够使这两个最近的点亮起（即将颜色更改为橙色或其他颜色），然后在光标离开图形范围后返回正常。我如何着手实施这一点

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].
    }

---

Flot在plot对象上提供高亮显示和取消高亮显示方法，如文档部分所述。不幸的是，这有一个限制，即一次只能突出显示一个点。那是烘烤的；如果不更改源，则无法更改它

---

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

不知道如何绘制点。如果我从零开始，我会使用SVG和d3.js；我将在mousemove上添加和删除一个类

proximityHilight

，并在这些类上使用css设置svg点的样式。