2017-06-15 53 views
0

我想在d3.js的幫助下基於我的JSON數據在屏幕上創建文本。 我想讓我的JSON的「name」屬性出現在屏幕上,但我的短代碼中有些東西不對。你們有人可以幫忙嗎?根據Json數據返回文本的問題

謝謝!

這裏是叫

testjson.json

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

而且這裏的JSON數據是代碼:

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

回答

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

你好NOELIA,你確定這個?我試過了,它不起作用。 – Suppe

+0

@Suppe 我想這鉻控制檯上: 'd3.json( 「https://gist.githubusercontent.com/heyimnowi/d41f794458d8d89a121c81a7485a248f/raw/e61a1fcdf0d3a16f22ade3dd5f5d953c8bd00527/.csscomb.json」 功能(JSON){ d3.select( '主體')。附加( 「文本」) \t .datum(JSON) \t .attr( 「DX」,10) \t .attr( 「DY」,20) \t的.text (函數(d){return d;}); });' –

+0

對不起格式哈哈我不知道如何美化它 –