javascript - 鼠标悬停在d3.js中，如何获取相应位置的值？

Question

我需要在使用 d3.js 将鼠标悬停在折线图/条形图上时在相应位置显示值

var toolTip = svg.selectAll("path")
.append("svg:title")
.text(getmouseoverdata(data)
);


function getmouseoverdata(d) {
    return d;
}

在这里，当鼠标悬停在图中的任何位置时，我获取了数组中的所有数据。

但是我想在相应的地方显示值。我怎样才能实现它？

Answer 1

您可以像这样使用 d3js 鼠标事件处理程序

var coordinates = [0, 0];
coordinates = d3.mouse(this);

var x = coordinates[0];
var y = coordinates[1];

它将为您提供当前的鼠标坐标。