javascript - .delay() 不是 d3 中的函数

Question

到目前为止，我导入的唯一库是 d3，我检查了 d3.js 文件以确保该函数存在。是的。

我正在尝试使用 D3 和 AngularJS 书中的数据可视化示例。这是有问题的代码[直接来自书中，已删除注释]:

<svg width="800" height="500"></svg>
<script type="text/javascript">
var data = [];
setInterval(function(){
    if (data.length < 8) {
        data.push(Math.random());
    }
    else {
        data = [];
    }
    draw();
}, 1000);

function draw() {
    var svg = d3.select('svg');

    var circles = svg.selectAll('circle').data(data);

    circles
    .attr('fill', 'orange');

    circles.enter()
    .append('circle')
    .attr('fill', 'red')
    .attr('r', 40)
    .attr('cx', function(d, i) { return i*100 + 50; })
    .attr('cy', 50);

    circles
    .style('stroke', 'black');

    circles.exit()
    .delay()
    .remove();
}

我遇到的具体问题是

circles
.exit()
.delay()
.remove();

它说延迟函数“不是函数”，尽管它是函数。我尝试将书中的代码完全移植到一个全新的项目中，但它不起作用。 (如果有影响的话，我正在使用 Chrome 浏览器)。

谢谢

Answer 1

delay() 不是 selections 的函数。不过，您可以调用 delay() 进行转换。所以:

circles
  .exit()
  .transition()
  .delay()
  .remove();