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

Question

我想在 d3.js 的帮助下根据我的 JSON 数据在屏幕上创建文本。 我希望 JSON 的“名称”属性显示在屏幕上，但我的短代码中有些问题。你们有人能帮忙吗？

谢谢!

这里是名为

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