d3.js - D3.js - 単一の要素を更新する

Question

この優れたチュートリアルでは、すべての svg 要素を更新する方法を示しています。要素を 1 つだけ選択して更新するにはどうすればよいですか? 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/