d3.js - d3js 附加文本 - 过渡

Question

我有一个简单的“有效日期标签”，我希望文本在转换时发生变化：

sorted_effective_date 是一个简单的数组：[2012 年 6 月 10 日、2012 年 6 月 25 日、2012 年 6 月 30 日等]

for (i = 0; i < sorted_effective_date.length; i++) {

    l.selectAll("text")
        .data(sorted_effective_date)
       .enter()
        .append("text")
        .text(sorted_effective_date[0])
        .attr('text-anchor', 'end')
        .attr('y', 15)
        .attr('x', 150)
        .attr('font-size', '25px')
        .attr('fill', '#1c3062');

    l.selectAll("text")
        .data(sorted_effective_date)
        .transition()
        .duration(1000)
        .text(sorted_effective_date[i]);

}

标签的值只是保持在值 i=0，它不会改变。我错过了什么或做错了什么吗？

请注意，当我调试代码时，我确实发生了变化并且循环正常工作。