d3.js - D3.js - 更新单个元素

Question

这个很棒的教程展示了如何更新所有 svg 元素。我将如何只选择一个元素并更新它？我知道如何在 D3.js 中添加事件侦听器来更新单个元素，但是如果由于某些外部因素需要更新元素怎么办？谢谢。

Answer 1

此页面涵盖了您可以选择元素的所有方式：https ://github.com/mbostock/d3/wiki/Selections

例如，您可以执行以下操作：

var circle = svg.select("#circle-0");
circle
    .transition()
    .duration(750)
    .style("fill", "steelblue");

这是一个工作示例：http: //jsfiddle.net/elevine/FYY9k/