0

これは単純でなければなりませんが、d3.js を使用してからしばらく経ちましたが、良い解決策がわかりません。

単一のデータ セットがあり、それを使用して 2 セットの要素を作成しています。

 circles = svg.selectAll('.highcircles')
          .data(data)
          .enter()
          .append('circle');

と

  list.selectAll('.states-list')
          .data(data)
          .enter()
          .append('p');

<p>関連する円をアニメーション化するために、タグをマウスオーバーできるようにしたいと思います。2つをリンクする方法は考えられません。それは data-state 属性によるものですか? より良い解決策はありますか？

4

2 に答える 2

2

selection.filterを使用して、データに基づいて選択を絞り込むことができます。イベント ターゲットからのデータを使用して、次のように選択<p>を絞り込むことができます。<circle>

var circleMatch = svg.selectAll(".highcircles")
    .filter(function(d) {
        return d.key === targetDatum.key;  // 'key' is some datum-unique property
    });
于 2013-08-02T05:32:57.353 に答える