Javascript 基于Json数据返回文本时出现问题

我想在d3.js的帮助下，基于我的JSON数据在屏幕上创建一个文本。 我想让JSON的name属性出现在屏幕上，但我的短代码中有点不对劲。你们中有人能帮忙吗

谢谢

下面是名为

testjson.json

{
  "name": "peter",
  "id": "13",
}

代码如下：

  var svg = d3.select("body")
          .append("svg")
          .attr("width", width)    
          .attr("height", height); 


  d3.json("testjson.json", function() { 
      var text = svg.append("text")
      .data("testjson.json")
    .attr("dx", 30)
    .attr("dy", 111)
    .text(function(d) { return d.name})
    )};

---

你好，Noelia，你确定吗？我试过了，但不起作用。@Suppe我在chrome控制台上试过：d3。jsonhttps://gist.githubusercontent.com/heyimnowi/d41f794458d8d89a121c81a7485a248f/raw/e61a1fcdf0d3a16f22ade3dd5f5d953c8bd00527/.csscomb.json，functionjson{d3.select'body'。appendtext.datumjson.attrdx，10.attrdy，20.textfunctiond{return d；}; };很抱歉，我不知道如何美化它。你确定你正确地复制了我的例子吗？你犯了什么错误？它在正文中附加了一个空文本？或者它什么都没做？@NoeliaBelenLopez OP可能在使用静态数据。与数据不同，数据不接受对象，只接受数组。如果是这种情况，请告诉OP使用数据[json]，或者按照正确的建议使用数据。

d3.json("testjson.json", function(json) { 
    var text = svg.append("text")
            .datum(json)
            .attr("dx", 30)
            .attr("dy", 111)
            .text(function(d) { return d.name; })
});