带有jquery的d3鼠标参数

Question

我正在尝试使用 d3 获取 div 的鼠标坐标，并且我的工作代码看起来像

var mouse = d3.mouse(document.getElementById('container'));

当我尝试使用 jquery 选择器来做类似的事情时

var mouse = d3.mouse($('#container'));

失败了

我也试过

var mouse = d3.mouse(d3.select('#container'));

这也失败了。

有没有更简洁的方法来使用 jquery/d3 重写我的第一条语句？

Answer 1

使用 jQuery 选择器将返回一个 jQuery 对象。您需要使用 [0] 获取基本 DOM 元素：

var mouse = d3.mouse($('#container')[0]);

我希望这会有所帮助！