2017-06-15 12 views
0

d3.jsの助けを借りて自分のJSONデータに基づいて画面上にテキストを作成したい 私のJSONの "name"属性を画面に表示したいのですが、私の短いコードでは何かが正しくありません。あなたの誰かが助けてくれますか?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}) 
    )}; 

答えて

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

こんにちはノエリア、あなたがわからありこの?私は試しても動作しません。 – Suppe

+0

@Suppe Iはクロムコンソールでこれを試みた: '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){戻りd;}); }); ' –

+0

フォーマットについて申し訳ありませんhaha私はそれを美化する方法を知らない –

関連する問題