javascript - 在 d3js 布局中使用 XML 作为数据源在 Firefox 中不起作用

Question

我正在尝试使用 XML 文件作为我的 d3js 可视化的数据源。它适用于基于 webkit 的浏览器，但不适用于 firefox。我认为错误来自 DOM 元素没有 forEach 函数这一事实。 3djs 似乎期望在它接收 DOM 对象的地方有一个数组。但我不知道在哪里

我的 children 的功能是这样的。

var bubble = d3.layout.pack()
    .sort(null)
    .children(function(d){
        var c = $("system",d);
        if (c.length<=0) c = $("planet",d);
        return c;
    })

This是 XML 文档。我通过

直接将它传递给 d3js

node = viz.selectAll(".node")
        .data(bubble.nodes(xmldata))
        .enter().append("g")
        .attr("class", "node")

This是代码的现场演示(在 webkit 中有效，但在 firefox 中无效)。和 here是完整的源代码。

Answer 1

参见 here进行修复。

问题是 jQuery 查询结果被直接传递为节点到 D3 布局。 D3写各种属性，比如“ child ”，直接指向每个节点。这可能会导致问题，如果有同名的现有属性(property)被用于其他目的，例如本例中的 jQuery 的“ child ”。