d3.js 绘制直线

d3.js 绘制直线

一世长安乱

svg.append("line")
            .attr("x1", 20)
            .attr("y2", 20)
            .attr("x2", 300)
            .attr("y2", 100);

但是没有看到任何的直线的毛毛，仔细思考一下，直线是不是一维的东西，没有任何的宽度，所以fill在这里丝毫不适用
所以这里需要用到stroke、stroke-width

svg.append("line")
            .attr("x1", 20)
            .attr("y2", 20)
            .attr("x2", 300)
            .attr("y2", 100)
            .attr("stroke", "black")
            .attr("stroke-width", "2px");

神不神奇