2016-04-24 25 views
0

私は、私のd3グラフの範囲を適応させたいという値が絶えず増加しています。d3グラフのx軸の範囲を連続的に更新する方法はありますか?

xScale.domain([a, b]); 

を使用してx軸の範囲を変更することはできますが、これはx軸スケールの複数の更新ができないようです。どのようにしてx軸の範囲を連続的に変更できますか?軸を更新するために必要な

+0

「x軸スケールの複数の更新」とはどういう意味ですか?あなたがそれを呼び出すたびに 'xScale'を更新するはずです。更新された位置で可視化を再描画するように、 'xScale'を更新した後もレンダリングロジックを更新する必要があります。 – paradite

答えて

1

手順は次のとおりです。

  1. アップデート規模:

    xScale = xScale.domain([a, b]); 
    
  2. アップデート新しいスケールと軸:

    domXAxis.call(xAxis.scale(xScale)); 
    

    この更新することができますアニメーションも可能:

    domXAxis.transition() 
        .duration(animationDurationMs) 
        .call(xAxis.scale(xScale)); 
    
関連する問題