d3js ビジュアライゼーションのデータソースとして XML ファイルを使用しようとしています。Webkit ベースのブラウザーでは機能しますが、Firefox では機能しません。このエラーは、DOM 要素に forEach 関数がないことが原因であると思います。3djs は、DOM オブジェクトを受け取る場所に配列を期待しているようです。でもどこか分からない
私の子供の機能は次のようになります。
var bubble = d3.layout.pack()
.sort(null)
.children(function(d){
var c = $("system",d);
if (c.length<=0) c = $("planet",d);
return c;
})
これが XML ドキュメントです。私はそれを直接d3jsに渡しています
node = viz.selectAll(".node")
.data(bubble.nodes(xmldata))
.enter().append("g")
.attr("class", "node")
これはコードのライブ デモです (webkit では動作しますが、firefox では動作しません)。そして、ここに完全なソースコードがあります。