用户鼠标悬停在边缘浏览器窗口10上的d3 sankey布局的节点名称上时,节点名称消失

时间:2017-02-17 08:59:39

标签: d3.js

我在d3中创建了sankey布局。在链接和节点上添加工具提示,如给定的Jfiddle http://jsfiddle.net/n7f2dkt0/39/所示 问题是当用户鼠标悬停在边缘浏览器上的sankey布局的节点名称上时节点名称消失。解决此问题?
screenshot for error

var link = svg.append("g").selectAll(".link")
  .data(energy.links)
.enter().append("path")
  .attr("class", "link")
  .attr("d", path)
  .style("stroke-width", function(d) { return Math.max(1, d.dy); })
  .sort(function(a, b) { return b.dy - a.dy; });

link.on("mouseover", mouseoverLink)
link.on("mouseout", mouseoutLink);

var node = svg.append("g").selectAll(".node")
  .data(energy.nodes)
.enter().append("g")
  .attr("class", "node")
  .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })
.call(drag);



node.append("rect")
  .attr("height", function(d) { return d.dy; })
  .attr("width", sankey.nodeWidth())
  .style("fill", function(d) { return d.color = color(d.name.replace(/ .*/, "")); })
  .style("stroke", function(d) { return d3.rgb(d.color).darker(2); })


node.append("text")
  .attr("x", -6)
  .attr("y", function(d) { return d.dy / 2; })
  .attr("dy", ".35em")
  .attr("text-anchor", "end")
  .attr("transform", null)
  .text(function(d) { return d.name; })
.filter(function(d) { return d.x < width / 2; })
  .attr("x", 6 + sankey.nodeWidth())
  .attr("text-anchor", "start");

node.on("mouseover", mouseover);
node.on("mouseout", mouseout);

0 个答案:

没有答案