d3 js .append（＆＃34; line＆＃34;）没有显示出来

Question

我试图为我的x和y轴放置一个占位符来制作我要制作的图表，但这些线条并没有显示出来。我能够在这里使用同一个svg画一个月食，但无论出于什么原因，这些线条都没有显示出来。

setdefault

Answer 1

线条没有宽度，无法填充。你想要中风而不是填充。

＆＃13;

＆＃13;

svg = d3.select("body").append("svg")
  .attr("width", 300)
  .attr("height", 300);

console.log("window width" + window.innerWidth/2);

line = svg.append("line")
  .attr("x1",300)
  .attr("y1", 0)
  .attr('x2', 0)
  .attr("y2", 300)
  .attr("stroke-width", 5)
  .attr("stroke", "black");

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

＆＃13;

＆＃13;

＆＃13;