【问题标题】:embed json file within d3.js在 d3.js 中嵌入 json 文件
【发布时间】:2014-01-08 06:51:32
【问题描述】:

http://bl.ocks.org/mbostock/4339083 我正在使用这个

而不是d3.json("/d/4063550/flare.json", function(error, flare) {

如何让它使用 html 中的 json 文件,比如我有

var jsonData = [{
 "name": "A",
 "children": [  
  {"name": "A1", "children": [{"name": "A12"},{"name": "A13"},{"name": "A14"}]  },
  {"name": "A2",    "children": [{"name": "A22"},{"name": "A23"},{"name": "A24"}]  }
 ]
}];

我想用这个来代替外部的 json 文件,我该如何实现呢?

【问题讨论】:

    标签: json d3.js


    【解决方案1】:

    解决方案

    1.您可以将 JSON 数据分配给变量名,然后您可以构建树布局

    2.使用一个函数获取JSON数据

    Fiddle 用于 1 个解决方案

    Fiddle 用于 2 解决方案

        var root = getData(),
        nodes = cluster.nodes(root),
        links = cluster.links(nodes);
    

    【讨论】:

    • 感谢回复,对js不太熟悉。 d3.json("mydata.json", function(error,flare) { root =flare; root.x0 = height / 2; root.y0 = 0; function collapse(d) { if (d.children) { d. _children = d.children; d._children.forEach(collapse); d.children = null; } } root.children.forEach(collapse); update(root); });我看到文件在这里被调用,并且函数也在其他地方更新。如何使用 json 数组更新这段代码。
    • 基本上你可以在bl.ocks.org/mbostock/4339083 中进行更改吗?我想使用我声明的 var 而不是 json 文件。谢谢人
    • 完美,现在明白你是如何使用折叠功能的了。感谢一吨兄弟,就像一个魅力!
    • 该数据结构中大小的用途是什么?可视化在任何地方使用吗?
    • 已经有一段时间了,但我发现这个很有用 - 使用特定于用户的数据制作 d3 文档意味着内联 JSON 实际上是更好的方法之一。
    猜你喜欢
    • 2016-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-02
    • 1970-01-01
    • 2018-10-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多