如何在d3圖形中連續更新x軸的範圍？

Question

我有一個不斷增加的值，我想調整我的d3圖的範圍。我可以改變x軸的範圍使用

xScale.domain([a, b]); 

但是，這似乎不能夠多次更新x軸比例。我怎樣才能連續改變x軸範圍？

Answer 1

更新的軸線需要的步驟是：

1. 更新規模：

   xScale = xScale.domain([a, b]); 
   

2. 更新軸線與新的規模：

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

   此更新可也是動畫：

   domXAxis.transition() 
       .duration(animationDurationMs) 
       .call(xAxis.scale(xScale));