javascript - 如何将 json 对象放入测试文件 ("file.json")，然后在 d3.json ("file.json", function(error, root)) 中读取该文件？

Question

这个问题已经有答案了:

d3 js - loading json without a http get (3 个回答)

已关闭 8 年前。

我正在开发一个涉及 D3 库的 JavaScript 项目，并尝试使用此代码 https://gist.github.com/mbostock/4063269 制作气泡图。 。在我的文件中，我创建了一个 JSON 对象，它是我想要放入函数中的 JSON 对象

d3.json("testfin.json", function(error, root) {
  if (error) throw error;

  var node = svg.selectAll(".node")
      .data(bubble.nodes(classes(root))
      .filter(function(d) { return !d.children; }))
    .enter().append("g")
      .attr("class", "node")
      .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });

  node.append("title")
      .text(function(d) { return d.className + ": " + format(d.value); });

  node.append("circle")
      .attr("r", function(d) { return d.r; })
      .style("fill", function(d) { return color(d.packageName); });

  node.append("text")
      .attr("dy", ".3em")
      .style("text-anchor", "middle")
      .text(function(d) { return d.className.substring(0, d.r / 3); });
});

我想以某种方式将我的 JSON 对象放在“testfin.json”用来制作气泡图的位置。我怎样才能在 JavaScript 中做到这一点？

JSON 对象已具有该函数的正确格式。

您能否帮助我使用 JSON 对象创建一个文件，然后从该文件中读取数据，或者绕过 testfin.json 并仅使该函数接受 JSON 对象？

Answer 1

您需要在主机上可以访问 JSON 文件。如果它位于主机的根目录，则 d3.json("testfin.json") 应该可以工作，或者正确的路径将取决于您的文件夹结构。我建议您下载要点https://gist.github.com/mbostock/4063269/download并看看它在您引用的示例中是如何工作的。