如何加载本地JSON来创建没有本地服务器的d3图表？

Question

我试图在本地复制以下d3图表： http://bl.ocks.org/eesur/be2abfb3155a38be4de4

如何加载JSON文件？

Answer 1

您无法对文件系统执行ajax操作。您可以设置本地Web服务器，也可以将marvel.json文件的内容复制到脚本中：

 var json = {
  "name": "marvel",
  "img": "https://dl.dropboxusercontent.com/u/19954023/marvel_force_chart_img/marvel.png",
  "children": [
   {
    "name": "Heroes",
    "children": [
     {
       "hero": "Spider-Man",

 ....


vis = d3.select("#vis").append("svg").attr("width", w).attr("height", h);

root = json;
root.fixed = true;
root.x = w / 2;
root.y = h / 4;

    // Build the path
var defs = vis.insert("svg:defs")
  .data(["end"]);

您需要将d3.json("marvel.json", function(json) {函数替换为json变量的赋值。