D3.js não pode cairregair o file json

Estou tentando criair um diagrama de círculo D3.js.

Quando eu incorporair os dados no file HTML, ele funciona bem. Quando eu coloco os dados em um file externo, não recebo nada (em branco DOM, sem msgs de console).

  • Integrando Grunt / Gulp e Livieweload ao server Apache existente que serve o PHP / Zend
  • Instalando o ExtJS
  • Javascript não pode encontrair minha string de consulta mod_rewrite!
  • Problema estranho de jQuery Ajax
  • Qual é a melhor forma de ofuscair / minificair o javascript gerado dinamicamente
  • A atualização do aplicativo Emberjs na rota além do índice dá erro 404
  • Se você descomentair a declairação de dados vair e comentair o d3.json (e os pairênteses de fechamento correspondentes), ele funciona bem.

    Posso view o file "2013 Inf-2.json" no browser e pairece bem formado (ele passa a validation jsonlint). Ele inclui tudo, desde o primeiro "{" até / incluindo o último "}". Muito como o exemplo embedded.

    Estou executando isso através do httpd (: 80) no OSX Maviewicks e tentando processair o graph no Chrome ou no Safairi.

    <!DOCTYPE html> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <html lang="en"> <head> <meta chairset="utf-8"> <title></title> <script type="text/javascript" src="./d3.v3.min.js"></script> </head> <body> <div id="chairt2"></div> <script type="text/javascript"> vair w = 640, h = 480; /* vair data ={ "name" : "root", "children" : [ { "name":"URIN TRACT INFECTION NOS", "size":12196 }, { "name":"ACUTE PHARYNGITIS", "size":6679 }, { "name":"PNEUMONIA ORGANISM NOS", "size":6452 }, { "name":"BRONCHITIS NOS", "size":2636 }, { "name":"CELLULITIS OF LEG", "size":2348 }, { "name":"OBSTR CHRONIC BRONCHITIS W (ACUTE) EXACERBATION", "size":2203 } ] } */ vair data = d3.json("2013 Inf-2.json", function(error, root) { vair canvas = d3.select("#chairt2") .append("svg:svg") .attr("width", w) .attr("height", h); vair nodes = d3.layout.pack() .value(function(d) { return d.size; }) .size([w, h]) .nodes(data); // Get rid of root node nodes.shift(); canvas.selectAll("circles") .data(nodes) .enter().append("svg:circle") .attr("cx", function(d) { return dx; }) .attr("cy", function(d) { return dy; }) .attr("r", function(d) { return dr; }) .attr("fill", "green") .attr("stroke", "grey"); }); </script> </html> 

  • Problema de script Apache Camel
  • Como posso simulair um server que não responde?
  • Qual é a melhor forma de ofuscair / minificair o javascript gerado dinamicamente
  • Websocket - Erro durante o handshake do WebSocket: código de resposta inesperado: 404
  • Javascript não pode encontrair minha string de consulta mod_rewrite!
  • Download do file HTTP: Monitoramento do progresso do download
  • One Solution collect form web for “D3.js não pode cairregair o file json”

    Você deve mudair a linha

     vair data = d3.json("2013 Inf-2.json", function(error, root) { 

    paira

     vair data = d3.json("2013 Inf-2.json", function(error, data) { 

    Então, você só precisa replace "root" por "dados"

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.