d3 브러시가 부분적으로 축을 업데이트하지 않는 축

Question

버블 차트를 준비했습니다. 버블 차트는 비늘 아래의 회색 영역에서 브러시를 사용하여 확대 할 수 있습니다. 여기에 fiddle입니다. 아래 코드는 그래프를 업데이트합니다. 눈금자는 업데이트하지만 그래프는 업데이트하지 않습니다. 어느 누구도 그 이유를 지적 할 수 있습니까?

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);}) 

    } 

나는 체크 아웃에 경험이 많은 사용자에 대한 이유를 떠났다.