Связать две диаграммы аккордов d3?

Привет, я новичок в d3, и я создал две диаграммы аккордов, используя d3v3. Аккорды имеют функцию наведения мыши, которая позволяет исчезать всем шнурам, над которыми мышь не наведена. Мне интересно, есть ли способ сделать так, чтобы одна и та же функция выполнялась одновременно с обоими аккордами. Ниже приведен раздел сценария, который я использую, чтобы другие аккорды исчезли. У меня то же самое происходит с другим аккордом. Код ниже заключен в функцию, которая создает всю диаграмму аккордов.

var g = svg.selectAll("g.group")
              .data(chord.groups())
              .enter().append("g")
              .attr("class", "group")
              .on("mouseover", function (d, i) {
                activeIndex = i;
                chordPaths.classed("faded", function (p) {
                  console.log(chordPaths)
                    //console.log("source" + nameByIndex[p.source.index]);
                    return p.source.index != activeIndex
                        && p.target.index != activeIndex;
                });
              })
              .on("mouseout", function (d) {
                  d3.select('#' + divID + '-tooltip').style("visibility", "hidden")
              });

0 ответов

Другие вопросы по тегам