パス上のD3ポイントのx、y位置を取得

Question

私は以下のd3チャートを持っており、私は7ポイントのx、y座標を見つける必要があります。私はたくさんの方法を試しましたが、それを理解できないようです。座標を使用して、チャートに配置する必要がある他の要素を作成します。 d3.selectAll("path")は私に必要なポイントの配列を与えてくれますが、座標を取得するにはそれらを取る方法がわかりません。

http://jsbin.com/loluwirepi/1/edit?html,output

Answer 1

D3スケールは、レンジ出力にドメイン入力を変換します。彼らは逆も行うことができます。ドメインはビジネスコンテンツ（価格、時間、合計売上など）であり、範囲はsvg要素のサイズです。あなたの2つのスケールはxScaleとyScaleと呼ばれています。 97,000と25％のx、y点を求めたい場合はxScaleの25％の逆数とyScaleの97,000の逆数を求めます。

var xPoint = xScale.invert(0.25) 
var yPoint = yScale.invert(97000)