javascript - 在 d3.js sunburst 中选择同名的段

标签 javascript d3.js highlight sunburst-diagram

我正在尝试调整这个示例http://bl.ocks.org/kerryrodden/7090426 :

enter image description here

以便将鼠标悬停在上方时选择同名的所有段,而不是当前段的祖先。

这是脚本

  vis.selectAll("path")
      .filter(function(node) {
                return (sequenceArray.indexOf(node) >= 0);
              })
      .style("opacity", 1);
}

非常感谢您的帮助

最佳答案

您在问题中提到的代码应替换为以下代码:

  var currentName = d.name;
  vis.selectAll("path")
      .filter(function(node) {
                return (node.name == currentName);
              })
      .style("opacity", 1);
}

效果如下所示:( demo jsfiddle 也可用;这是我用于调试的原始示例的缩小版本;另外,this jsfiddle 是原始突出显示的版本,如果您可以利用它)

enter image description here

关于javascript - 在 d3.js sunburst 中选择同名的段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24580649/

相关文章:

javascript - POST 后重新加载浏览器窗口而不提示用户重新发送 POST 数据

javascript - 如何检测用户是否使用 Windows 平板电脑

javascript - 如何将标记头放在链接的中间

java - 确定悬停在哪个形状上 - Java

javascript - 图片库的淡入淡出问题

javascript - Express 没有方法 createServer()

css - 悬停时突出显示下拉列表中的元素,并确保突出显示的颜色延伸到下拉框的右边缘

android - WebKit/WebView tap/onclick 默认高亮(Android Ice Cream Sandwich)

d3.js - 如何在强制布局中拖动时将 svg 元素对齐到网格

javascript - 使用变量中的数据加载 D3 可折叠树