首页 > 解决方案 > D3中的json解析问题

问题描述

我正在尝试 D3 sunburst 示例并在下面的帖子末尾使用 JSON。

当我从文本文件加载 JSON 时,它工作正常。

d3.json("usage.json", function(error, root) {
 var g = svg.selectAll("g")
  .data(partition.nodes(root))
.enter().append("g");

root对象在下面的屏幕截图中显示了 3 个子对象。

在此处输入图像描述

但是,当我尝试通过 WebSocket 获取相同的对象时,返回的 JSON 对象没有得到正确解析。我正在使用JSON.parse方法将字符串转换为 JSON 对象,但仍然有问题,请查看屏幕截图。我正在做一些愚蠢的事情,但不知道如何解决它。

在此处输入图像描述

JSON:

{"name":"usage","children":[{"name":"a","children":[
 {"name":"g3","children":[
 {"name":"asof","children":[{"user":"victor","size":84259,"name":"victor"},
 {"user":"james","size":63851,"name":"james"},
 {"user":"john","size":48907,"name":"john"},
 {"user":"larry","size":98758,"name":"larry"}]},
 {"name":"custom","children":[{"user":"victor","size":61579,"name":"victor"},
 {"user":"james","size":68109,"name":"james"}]},
 {"name":"intervalize","children":        [{"user":"victor","size":44107,"name":"victor"},
 {"user":"james","size":29142,"name":"james"}]}]}]}]}

标签: javascriptjsond3.js

解决方案


推荐阅读