nvd3.js中的缩进树:搜索特定节点并打开所有父节点

时间:2012-07-26 12:31:43

标签: jquery d3.js data-visualization nvd3.js

我目前正在使用jquery和nvd3.js学习数据可视化。 我已经设置了一个类似于示例(http://nvd3.com/ghpages/indentedtree.html)的页面,输入文本字段正常工作,只有alert();功能

我想做的是:

  • 查找跨越文本值等于用户查询的所有节点
  • 打开所有父节点

那么,访问节点的最佳方式是什么?我是否要使用Jquery选择器还是有更好的方法?

编辑:

我的json就像:

status: true, 
_values: [
{
    status: false, 
    _values: [
        {
            status: false, 
            _values: [], 
            attr: "text", 
            key: "2"
        }, 
        ...
    ]
    attr: "text",
    key: "1"
}

最后,我找到了另一种方法来捕获密钥顶部到叶子的所有父节点。 现在我需要的是nvd3.js中的正确语法(如果d3.js不同)来执行此操作:

for(parent in parents) {
    open parent
}

由于

1 个答案:

答案 0 :(得分:0)

这将有所帮助: https://github.com/mbostock/d3/wiki/Selections

  

D3使用CSS3来选择元素。

我会尝试这样的事情:

d3.selectAll("value"=d3.select('#input-id').value)
  .parent()
  .[required action]