Firefoxのd3.mouseピクセルオフセット

Question

私はタイムライン上のいくつかのデータを視覚化します。 mousemoveでは、私はラインと現在のホバリング時間を示したいと思います。 ChromeとSafariでは正常に動作しますが、Firefoxでは（44 & 45でテストされています）、オフセットがあります。返されるピクセル値は、常にSVG全体の幅の半分ではありません。

たとえば、視覚化の左側をホバリングすると、の値は0に等しくなると予想されますが、それは-300です。

Codepenのこのテストケースを参照してください。http://codepen.io/ro-ka/pen/bpqazK?editors=0010問題の機能は下部にあります。

何か問題がありますか？

Answer 1

これは、transform：translate（）CSS関数がこれを無効にすると完全に機能するためです。おそらく、この2D変換を解決するもう1つのCSSプロパティがあります。

アイデア：

1. あなたはこれらの完璧なセンターのスタイルを含むDIVに<svg>要素をラップし、SVGオブジェクトからそれらを削除することができます。
2. 翻訳されていない固定メジャーメントを使用したセンター。

幸運！