D3. Firefox中的鼠标像素偏移量

Question

我在时间线上可视化了一些数据。关于摩丝情态，我想展示一条线和当前徘徊的时间。在Chrome和Safari中，它可以正常工作，但是在Firefox (在44 &45中测试)中有一个偏移:返回的像素值总是缺少整个SVG宽度的一半。

例如，当在可视化的左侧悬停时，我希望d3.mouse的值等于0，但它是-300。

请参阅Codepen：http://codepen.io/ro-ka/pen/bpqazK?editors=0010上的测试用例，所讨论的函数位于底部。

有什么想法吗？

Answer 1

这是因为transform() CSS函数，如果禁用它，它将完美地工作。也许还有另一个CSS属性来解决这个2D转换。

想法：

1. 您可以将<svg>元素包装到包含这些完美中心样式的DIV中，并从svg对象中删除它们。
2. 中心有固定的测量，没有翻译。

祝好运!