D3.js - 更新单个元素

时间:2013-06-05 19:56:37

标签: d3.js

这个伟大的tutorial展示了如何更新所有svg元素。我如何只选择一个元素并更新它?我知道如何在D3.js中添加事件监听器来更新单个元素,但是如果由于某些外部因素需要更新元素怎么办?谢谢。

1 个答案:

答案 0 :(得分: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/