Javascript d3数据恒定性

这是关于SO的后续问题：

我已经研究并实现了Mike和Jason在回答中解释的关键功能。我还发现这篇博文很有用

我用过像这样的钥匙

.data(svg.chartData, function(d) { return d.idSeries;})

映射一对一数据和索引

然而，我并没有得到预期的结果，数据点在重画时交换。请查看，特别是以下相关功能：

图表初始化：

    svg.series = svg.selectAll(".series").data(svg.chartData, function(d) { return d.idSer;})
    svg.series.enter().append("g").classed("series", true)

    svg.rects = svg.series.selectAll("rect").data(Object, function(d) { return d.x;})
    svg.rects.enter().append("rect")

重画：

    svg.series = svg.selectAll(".series").data(svg.chartData, function(d) { return d.idSer;})
    svg.series.enter().append("g").classed("series", true)
    svg.series.exit().remove()

    svg.rects = svg.series.selectAll("rect").data(Object, function(d) { return d.x;})
    svg.rects.enter().append("rect")
    svg.rects.exit().remove()

比例：

x = d3.scale.ordinal()
      .domain(svg.pointsNames, function(d) { return d;}) 
        .rangeRoundBands([0,width], .1); 

我错过了什么

非常感谢