0

まず、選択範囲を作成し、それにいくつかのものを追加します。読みやすくするために省略しました。

arcData = [
    {data: [{label: "first"}], otherProp: value},
    {data: [{label: "second"}], otherProp: value}];

arcSelection = svg.selectAll("arc").data(arcData);

arcSelection.enter().append("g").append("path").attr("d", myArcDefinition);

親からのデータを使用して、ネストされた選択を追加しようとしています:

arcDataSelection = arcSelection.selectAll("text").data(function(singleArc, arcIndex) {
  return singleArc;
});
arcDataSelection.enter().append("text").text(function(d) {
  return d.data.label;
});

ただしtext、DOM にはオブジェクトは作成されません。親からのデータを使用するネストされた選択で要素を適切に作成するにはどうすればよいですか?

ここに示されているパターンに従おうとしています: http://bost.ocks.org/mike/nest/

4

1 に答える 1

0

ネストされた選択を使用するには、ネストされたデータが必要です。1 次元配列を渡しています (つまり、ネストされていません)。リンク先の例をもう一度見てください。そこで使用されているデータは 2 次元配列です。

于 2013-03-31T11:50:58.717 に答える