d3刷部分更新轴而不是圆

时间:2013-04-17 11:28:14

标签: d3.js brush bubble-chart

我准备了一个气泡图表,您可以使用缩放比例下方的灰色区域中的画笔进行放大。这是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);
        })


    }

1 个答案:

答案 0 :(得分:0)

我不知道为什么,但你不应该使用变量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);})

    }

我已经留下了更有经验的用户结账的原因。