Question

我不能让圆圈或任何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>

Answer 1

当您在属性和值之间设置属性时，需要使用逗号,，就像在声明width和height svg时一样1}}。
要填写，您需要将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/

无法让d3js正确加载/显示

1 个答案: