Fatal编程技术网
  • javascript/
  • Javascript Can'；t使d3js正确加载/显示

Javascript Can'；t使d3js正确加载/显示

javascript html d3.js

Javascript Can'；t使d3js正确加载/显示,javascript,html,d3.js,Javascript,Html,D3.js,我无法让圆圈或任何d3js的东西正常工作。我厌倦了使用JSbin.com，也厌倦了在Chrome和Firefox上运行，我做错什么了吗 <!DOCTYPE html> <html> <head> <title>Testing</title> <script src="https://d3js.org/d3.v3.min.js"></script> </head> <body&g

我无法让圆圈或任何d3js的东西正常工作。我厌倦了使用JSbin.com，也厌倦了在Chrome和Firefox上运行，我做错什么了吗

<!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>


测试
你好

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”，红色）；
  • 在属性和值之间设置属性时，需要使用逗号
    ，
    ，就像在声明
    svg
    的
    宽度和
    高度时一样
  • 对于填充，您需要将
    红色
    置于引号内

    • 下面的代码片段应该有用

    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-