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

    } 

我已經離開了經驗更豐富的用戶結賬的原因。