如何使用d3.js创建双层分区？

Question

我是 d3 世界的新手。我想从http://d3js.org/学习它。 我正在尝试创建一个双层分区。

我无法显示任何结果。这是我的

JSfiddle

Answer 1

问题出在这一行：

d3.json("/mbostock/raw/4063550/flare.json", function(error, root) {

这是一个在路径“/mbostock/raw/4063550/flare.json”上加载文件的调用。这不是JSFiddle上的有效路径。在原始code中，路径指的是在该域上托管的文件。请注意，将小提琴上的域更改为完整路径（“http://bl.ocks.org/mbostock/raw/4063550/flare.json”）不起作用，因为JSFiddle可防止跨站点脚本攻击。

请注意，您可以在浏览器上使用调试控制台来调试这些类型的错误。