d3過渡先移除

Question

如果我以刪除第一個元素的方式更新數據（例如，按半徑過濾列表中的第一個元素太小的半徑的列表），則我希望第一個元素縮小並保留其余兩個元素。 取而代之的是第三個縮水，第一個滑動到第二個位置，第二個滑動到第三個位置。 我做錯了什么？

用於渲染我的圈子的代碼是這樣的：

update = (data) ->
    circle = svg.selectAll('circle').data data

    circle.enter().append('circle')
        .attr('r', 0)

    circle
      .transition().duration(250)
        .attr('r', (d) -> d.r)
        .attr('cx', (d) -> d.x)
        .attr('cy', (d) -> d.y)


    circle.exit()
      .transition().duration(250)
        .attr('r', 0)
        .remove()

小提琴： http ： //jsfiddle.net/ztf6spL8/

Answer 1

問題在於數據匹配-默認情況下，D3根據索引進行匹配。 您是根據半徑進行過濾的，因此您可能要在半徑上進行匹配：

circle = svg.selectAll('circle').data data, ((d) -> d.r)

這里完整的例子。