如何不断更新 d3 图中 x 轴的范围

How can I continuously update the range of the x axis in d3 graph?

本文关键字：范围 图中 何不断 更新 d3      更新时间：2023-09-26

我有一个不断增加的值，我想调整我的 d3 图的范围。我可以使用 

xScale.domain([a, b]);

但这似乎无法对 X 轴刻度进行多次更新。如何连续更改 x 轴范围？

更新轴所需的步骤如下：

  1. 更新比例：

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

  2. 使用新刻度更新轴：

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

    此更新还可以进行动画处理：

    domXAxis.transition()
    .duration(animationDurationMs)
    .call(xAxis.scale(xScale));
相关文章：