d3.js 绘制直线

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

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

svg.append("line")
            .attr("x1", 20)
            .attr("y2", 20)
            .attr("x2", 300)
            .attr("y2", 100)
            .attr("stroke", "black")
            .attr("stroke-width", "2px");
d3.js 绘制直线_第1张图片
神不神奇

你可能感兴趣的:(d3.js 绘制直线)