D3js排序问题适用于过渡

Question

我有一个数据集已经通过d.id绑定到svg:g

var categorized = g1.selectAll("g.node")
                    .data(dataset, function(d){return d.id})
                    .classed('filtered', false);
categorized.enter()
           .append("g")
           .attr("class", "node")
...

我使用一个函数按照如下所示的数据值对其进行排序：

var sorted = dataset
                 .filter(function(d) { return d.notation[3].value >=50 } )
                 .sort(function(a, b) { return d3.descending(a.notation[3].value,
                                        b.notation[3].value) });

当我进行console.log时，它将返回正确的顺序

var filtered = g1.selectAll("g.node")
                 .data(sorted, function(d) {return d.id})
                 .classed('filtered', true);

如果我进行console.log ，顺序仍然是正确的，但是如果我施加延迟，则会颠倒结果顺序

scored.transition()
      .delay(500).duration(1000)
      .attr("id", function(d) {
          console.log(d.id);
      });

但是如果我删除延迟，请保持排序良好。

我的问题是：我是否在做坏事？

Answer 1

我认为您正在观察到d3.js通常使用“优化”的for循环进行反向迭代（请参见其他参考文献中的循环是否真的反过来更快？ ）。

简单地撤消选择是否可行？ 我不确定要转换的内容，是否需要按特定顺序应用补间步骤。