1

我是 d3 的新手，并试图在一些 xml 数据上做一个简单的树布局。我在一些 d3 代码中得到一个无限循环并试图找出原因。这是我正在做的事情的简化，我仍然看到无限循环。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Spring Integration Inspector</title>
<script src="js/d3.js"></script>
<script type="text/javascript">
var parser = new DOMParser();
var xml = parser.parseFromString("<beans><bean/><bean><beanChild/></bean></beans>", "text/xml");

var tree = d3.layout.tree().children(function(beanNode) {
    var children = beanNode.getElementsByTagName("*");
    if (children.length > 0) {
        return children;
    } else {
        return null;    
    }
});

var nodes = tree.nodes(xml),
    links = tree.links(nodes);
</script>
</head>
<body>
<div id="graph"></div>
</body>
</html>

要重现，请将此代码复制到index.html文件中并适当地包含 d3.js 库。这不会在浏览器中加载。我认为这与儿童功能有关。

编辑：

我正在单步调试 chrome 中的调试器，问题出在apportion方法内部。while 循环永远不会中断。更具体地说，d3_layout_treeRightandd3_layout_treeLeft方法（我认为它们分别试图找到第一个孩子和最后一个孩子）只是在当前节点是叶子时返回当前节点。

的值是和node._tree.thread内的当前节点。因此对这些方法的调用会返回作为参数传入的节点。d3_layout_treeRightd3_layout_treeLeft

4

1 回答 1

0

如d3-js google group中所述，问题是我使用beanNode.getElementsByTagName("*")了beansNode.childNodes.

于 2013-07-22T16:10:59.907 回答