如何在nivo折线图上实现该功能



我正在尝试从nivo linechart实现此功能(https://nivo.rocks/line)其中,当我的光标位于图形上时,工具提示总是显示在图形上,并且工具提示总是出现在点旁边。使工具提示始终显示,并且工具提示位置之间的转换很容易,但我不明白它是如何计算哪一点离我的指针最近的,我已经看了源代码,但我在这里有点不知所措,我画了一个完全空白的,如果你能用具有此功能的源代码展示一些演示,那将是一个很大的帮助。

它使用d3 delaunay来计算Voronoi图,从而找到最接近的点。

voronoi = d3.Delaunay
.from(data, d => x(d.x), d => y(d.y))
.voronoi([0, 0, width, height])

你可以在官方的Learn D3文档中找到这种技术的展示。

最新更新