javascript - 如何不断更新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));