Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/spring-mvc/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery d3树视图中按笔划颜色的节点过滤器_Jquery_D3.js - Fatal编程技术网

Jquery d3树视图中按笔划颜色的节点过滤器

Jquery d3树视图中按笔划颜色的节点过滤器,jquery,d3.js,Jquery,D3.js,我有一张圆圈的清单。我必须过滤基于颜色的圆圈,而不更新树。基本上我想显示隐藏圆和它们的路径。我用谷歌搜索了一下,但在d3.js中没有找到任何预定义的方法。我如何才能做到这一点,什么样的方法才能更好地满足这一要求。 编辑 我有三个链接。红色、绿色和黄色。当用户单击绿色或其中任何一个链接时,应该显示具有相同颜色的节点,而节点的其余部分应该隐藏。例如,如果我单击绿色,则绿色节点应显示 var treeData=[{ "name": "Top Level", "parent": "nu

我有一张圆圈的清单。我必须过滤基于颜色的圆圈,而不更新树。基本上我想显示隐藏圆和它们的路径。我用谷歌搜索了一下,但在d3.js中没有找到任何预定义的方法。我如何才能做到这一点,什么样的方法才能更好地满足这一要求。

编辑 我有三个链接。红色、绿色和黄色。当用户单击绿色或其中任何一个链接时,应该显示具有相同颜色的节点,而节点的其余部分应该隐藏。例如,如果我单击绿色,则绿色节点应显示

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"
      }
    ]
  }]

事实上,我不明白,你到底想做什么。你能再解释一下吗?我已经补充了我的问题