任何减少鼠标悬停区域的选项

Question

我正在研究d3。我面临的问题是，每当我在图表中取出鼠标指针时，它会立即显示悬停细节。但问题是，只有当鼠标指针正好在数据点或图形点上时，我才需要显示悬停细节。我正在工作的图表是http://code.shutterstock.com/rickshaw/examples/lines.html。任何帮助将不胜感激，以减少鼠标悬停区域的大小。

Answer 1

在JavaScript / jQuery事件对象上使用stopPropagation方法阻止事件冒泡。

如果您正在使用jQuery，可以这样做：

jQuery('#element').on('click', function(e) {
     e.stopPropagation();

     // do something here
});

对于JavaScript，您可以看到example here。