javascript – D3：用鼠标悬停找到图形y坐标

解决方法@H_197_7@

创建自己的查找表实际上比较容易：

/* Create the lookup table */
var table = {};
data.forEach(function(d) {
    table[d.x] = d.y;
});

如果您有足够的数据点,这是可行的解决方案,但可能需要使用某种舍入或插值来填充中间的x值.例如,如果您的点之间有一个固定的间距,您可以使用线性内插器,并进行以下计算以获取鼠标悬停时您的圆的坐标：

var x = d3.mouse(this)[0];
var y;

if ( table[x] === undefined ) {
    var lower = x - (x % SPACING);
    var upper = lower + SPACING;
    var between = d3.interpolatenumber(table[lower],table[upper]);
    y = between( (x % SPACING) / SPACING );
} else {
    y = table[x];
}

这是代码在行动：http://jsfiddle.net/Wexcode/KGxHF/

以下是Mike Bostock：http://bl.ocks.org/3025699的另一个例子