基于Json数据返回文本的问题

Question

我想在d3.js的帮助下，根据我的JSON数据在屏幕上创建一个文本。 我希望我的JSON的“name”属性出现在屏幕上，但在我的短代码中有些不对劲。你们有人可以帮忙吗？

谢谢！

这是名为

的JSON数据

  

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})
    )};

Answer 1

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; })
});