d3强制布局进入更新退出

Question

我有一个csv文件，如下所示：

city a b c 
nyc  1 2 5
no   3 3 1
la   2 4 6 

我正在尝试创建一个强制布局，按城市显示每个值a，b，c。因此，根据用户选择的城市，一次将有三个圆圈。以下是我的一些代码：

function updateVisualization(){

var city = d3.select("#button").property("value");

var circle = svg.selectAll(".node")
    .data(data);

circle.call(force.drag);

circle
    .enter()
    .append("circle")
    .attr("class","node");

circle
    .filter(function(d){
        return d.city == city;
    })
    .attr("r", function(d){
        return d.a
    })
    .attr("fill","red");

circle.exit().remove();

我重复一遍，每个圆圈都可以。我的问题在于circle.exit().remove()。每次用户从下拉菜单中选择城市时，前一个圆圈都不会按原样消失。我究竟做错了什么？谢谢你的考虑。