d3.js - d3刷部分更新轴不是圆圈

Question

我准备了一个气泡图，你可以用画笔在刻度下方的灰色区域放大它。这是小提琴。下面的代码更新了图表。它正在更新标尺而不是图形。任何人都可以指出原因吗？

function brushmove(){
            x_axis.domain(brush.empty() ? x_axis.domain() : brush.extent());
       svg.select('.ruler').call(x_axis_ruler);


      blue_circle.selectAll('circle').data(dataset)
      .attr('cx', function (d, i) {
            return x_axis(d.waiting_to_be_processed_time);
        })


    }

Answer 1

我不知道为什么，但您不应该使用变量 blue_circle 来更新宽度。

相反，您应该用以下代码替换代码：

function brushmove(){
            x_axis.domain(brush.empty() ? x_axis.domain() : brush.extent());
       svg.select('.ruler').call(x_axis_ruler);


      d3.select('.processing_circles').selectAll('circle').data(dataset).attr('cx', function (d, i) {
            return x_axis(d.waiting_to_be_processed_time);})

    }

我留下了让更有经验的用户结帐的原因。