0

NVD3 の StackedAreaChart で一部のデータをキャプチャするのに問題があります。

この回答を使用して、クリック イベントを正常にインターセプトできます: NVD3 積み上げ面グラフ

ただし、もう 1 歩深くする必要があります。イベントをインターセプトしたので、次のようなオブジェクトが返されます。

{
 point: {key:"A Place", values:[], seriesIndex: 1},
 pos: [479, 283],
 series: "A Place", 
 seriesIndex: 1 
}

オブジェクトの pos 配列が最も有望に見えます。配列の最初の要素は明らかに x 座標で、2 番目の要素は y 座標です。

探している x 軸上のデータ ポイントを取得するために、この数値を x 軸の値を生成する同じ関数にパイプしようとしています。しかし、私は運が悪く、頭を何度も叩いていた机が頭を下げ始めています。

基本的に逆方向に歩いて、取得している座標を d3 で利用可能なチャート関数にパイプして、私が望んでいる x 値を取得する方法について、誰もが洞察を持っていますか?

4

1 に答える 1

1

座標を画面座標から入力に戻すには、最初に座標を変換したスケールを使用する必要があります。

軸コンポーネントを介してスケールにアクセスし、座標を呼び出すことができますinvert。

次に例を示します。

var xDataPoint = chart.xAxis.scale().invert(xScreenCoord);
于 2014-08-04T21:04:19.440 に答える