d3jsが正常に読み込まれない/表示されます

一般的に動作するサークルやd3jsを取得できません。私はJSbin.comを使って疲れていて、ChromeとFirefoxでも動作していますが、何か問題はありましたか？d3jsが正常に読み込まれない/表示されます

<!DOCTYPE html> 
<html> 

<head> 
    <title>Testing</title> 
    <script src="https://d3js.org/d3.v3.min.js"></script> 

</head> 



<body> 

    <p>hello</p> 

    <script> 

    var canvas = d3.select("body").append("svg").attr("width", 500).attr("height", 500); 

    var circle = canvas.append("circle").attr("cx" 250).attr("cy" 250).attr("r" 50).attr("fill", red); 



    </script> 

</body> 
</html>

出典

2017-03-27 AnimNations

あなたはあなたがあなたのsvgのwidthとheightを宣言したときと同じように属性と値の間で属性を設定しているときにコンマ,を使用する必要があります。
フィルには、redを引用符で囲む必要があります。

以下のスニペットが有効です。

var canvas = d3.select("body") 
    .append("svg") 
    .attr("width", 500) 
    .attr("height", 500); 

var circle = canvas.append("circle") 
    .attr("cx", 250) 
    .attr("cy", 250) 
    .attr("r", 50) 
    .attr("fill", 'red');

JSFIddle - https://jsfiddle.net/3vhudt35/

出典

2017-03-27 22:43:09 sparta93

ああすごいです！私はそれを逃したとは信じられません。どうもありがとうございます！ – AnimNations

d3jsが正常に読み込まれない/表示されます

答えて

関連する問題