D3js生​​成的json文件的包布局可视化不起作用

时间:2016-08-11 10:55:21

标签: json d3.js svg circle-pack

一位朋友在VBA中编写了一个程序,它生成了一个json数据。我试图通过包布局可视化该数据。我们通过这里的json数据创建了json数据来提取规则:http://bl.ocks.org/mbostock/7607535

我自己多次浏览数据,我似乎无法找到问题,为什么它没有被可视化。浏览器控制台在第33行声明了令牌“]”的问题,但在我看来,括号是正确的,我似乎无法找到另一个错误。

可视化与我们提取规则的数据一起正常工作。

现在的问题是,json文件中的哪个错误会阻止代码可视化?

如果有人能看到这一点会很棒,因为我们看不到它。提前谢谢!

生成的json数据如下所示:

{
 "name": "While",
 "children": [
  {"name": "While", "size": 27},
  {
   "name": "If",
   "children": [
    {"name": "If", "size": 22},
    {
     "name": "If",
     "children": [
      {"name": "If", "size": 3}
     ]
    },
    {
     "name": "If",
     "children": [
      {"name": "If", "size": 3}
     ]
    },
    {
     "name": "If",
     "children": [
      {"name": "If", "size": 3}
     ]
    },
    {
     "name": "If",
     "children": [
      {"name": "If", "size": 3}
     ]
    },
   ]
  },
 ]
}

1 个答案:

答案 0 :(得分:1)

你的JSON中的某些数组末尾有两个逗号(,) - 这使得它无效且容易出错。

只需编辑它就可以了。使用https://jsonformatter.curiousconcept.com/进行检查。

错误在于生成它的脚本:)

这是您的JSON的固定版本:

{
    "name": "While",
    "children": [{
        "name": "While",
        "size": 27
    }, {
        "name": "If",
        "children": [{
            "name": "If",
            "size": 22
        }, {
            "name": "If",
            "children": [{
                "name": "If",
                "size": 3
            }]
        }, {
            "name": "If",
            "children": [{
                "name": "If",
                "size": 3
            }]
        }, {
            "name": "If",
            "children": [{
                "name": "If",
                "size": 3
            }]
        }, {
            "name": "If",
            "children": [{
                "name": "If",
                "size": 3
            }]
        }]
    }]
}