D3.js在和弦图中闪烁弧

时间:2014-09-02 03:39:26

标签: javascript-events d3.js chord-diagram

嗨我有一个和弦图,如果我将鼠标从和弦移动到和弦(不是弧到弧),我会发现所有的和弦都在闪烁。我没有从一个弧线移动到另一个弧线,我只是停留在同一个弧线中,但它正在闪烁。如果我在“也门”时将my fiddle与此example进行比较,并且我将鼠标从和弦移动到和弦(在也门),则其他和弦不会闪烁。但是在我的图表中,我们说弧“MB”,我移动鼠标,所有其他和弦都闪烁

  g.append("svg:text")
  .attr("x", 6)
  .attr("dy", 15)
  .filter(function(d) { return d.value > 110; })
  .append("svg:textPath")
  .attr("xlink:href", function(d) { return "#group" + d.index + "-" + j; })
  .text(function(d) { 
    if (d.value<5000){return "";}
    return array[d.index].name; });
  }, remove_first_diagram());

  var chordPaths = svg.selectAll("path.chord")
    .on("mouseover", function (d) {
      //console.log('mouseIn');
    })
    .on("mouseout", 
      function (d) { 
        //console.log('mouseOut');
       });

  function mouseover(d, i) {
      chordPaths.classed("fade", function(p) {
        return p.source.index != i
            && p.target.index != i;
      });
    }

0 个答案:

没有答案