d3を使用して単純なジオメトリアプリを構築しています。基本的な考え方は、3回クリックすると、アプリはクリックした3つのポイントに円を描きます。
d3のドキュメントには、d3要素は配列として格納されていると記載されていますが、これらの要素へのアクセス方法は明確にされていません。選択範囲内の特定のインデックスにある要素にどのようにアクセスできますか?
d3を使用して単純なジオメトリアプリを構築しています。基本的な考え方は、3回クリックすると、アプリはクリックした3つのポイントに円を描きます。
d3のドキュメントには、d3要素は配列として格納されていると記載されていますが、これらの要素へのアクセス方法は明確にされていません。選択範囲内の特定のインデックスにある要素にどのようにアクセスできますか?
元の質問から自己回答としてコピーしました。
このコード スニペットは、3 番目の円の x 位置を取得する方法を示しています。
var allCir= d3.selectAll("circle") ;
var x = d3.select(allCir[0][2]).attr("cx"); // get third circle's x position
alert(x);
d3.select(allCir[0][2]).attr("cx",10); // force it to an arbitrary value
答えは簡単ですが、そこにたどり着くのはそれほど簡単ではありませんでした。お役に立てれば。