在d3树视图中按节点颜色过滤节点

时间:2015-04-27 13:48:35

标签: jquery d3.js

我有圆圈列表。我必须过滤基于颜色的圆圈而不更新树。基本上我想显示隐藏圈及其路径。我谷歌它但没有在d3.js中找到任何预定义的方法。我怎样才能实现这一目标,哪种方法更适合这一要求。 fiddle enter image description here

修改 我有三个链接。红色,绿色和黄色。当用户单击绿色或任何这些链接时,应显示具有相同颜色的节点,并且应隐藏节点的其余部分。例如,如果我单击绿色,则应显示绿色节点。

var treeData=[{
    "name": "Top Level",
    "parent": "null",
    "value": 10,
    "type": "black",
    "level": "red",
    "children": [
      {
        "name": "Level 2: A",
        "parent": "Top Level",
        "value": 15,
        "type": "grey",
        "level": "red",
        "children": [
          {
            "name": "Son of A",
            "parent": "Level 2: A",
            "value": 5,
            "type": "steelblue",
            "level": "orange"
          },
          {
            "name": "Daughter of A",
            "parent": "Level 2: A",
            "value": 8,
            "type": "steelblue",
            "level": "red"
          }
        ]
      },
      {
        "name": "Level 2: B",
        "parent": "Top Level",
        "value": 10,
        "type": "grey",
        "level": "green"
      }
    ]
  }]

0 个答案:

没有答案