d3.js関数がdiv idで機能しない

Question

d3を使用して1つのグラフ関数を記述しています。しかし、それは動作していません。 助けてください。

<script> 

    var chart=function(a){ 
     var w=960,h=500; 
     var svg=d3.select('#a') 
      .append("svg") 
      .attr("width",w).attr("height",h); 

     svg 
      .append("text") 
      .text("hello world").attr("x",100).attr("y",100); 
    } 
    chart(context); 

    </script> 

divタグIDが 'コンテキスト'（）です。

Answer 1

今のところ、"#a"を文字列として渡しています。あなたの引数に文字列"#"を連結する必要があります。例えば

は、このスニペットを見て：

var foo = "bar"; 
 

 
console.log("#foo"); 
 
console.log("#" + foo);

それは単なる文字列だから最初にconsole.logは、あなたに"#foo"を与えます。 2番目の値はfooです。

だから、あなたのコードは次のようになります。

<script> 

var chart=function(a){ 
    var w=960,h=500; 
    var svg=d3.select('#' + a) 
     .append("svg") 
     .attr("width",w).attr("height",h); 

    svg 
     .append("text") 
     .text("hello world").attr("x",100).attr("y",100); 
} 
chart(context); 

</script>