D3.js :仅当指针在同一位置停留最短时间时,才启动鼠标悬停事件



我在 d3 中有一张地图.js其中的鼠标悬停事件连接到子区域。有很多子领域。当鼠标在地图上快速移动时,CPU 会因为所有启动的事件而过载(在这种情况下对用户没有任何用处)。那么我如何确保事件仅在指针停留在给定区域至少 500 毫秒时启动,例如?

使用DeBounced绘制,如以下示例所示:(只需检查debounced_draw代码部分,该示例与您的用例不同)

使 d3.js 可视化布局响应的最佳方式是什么?

最新更新