Javascript SVG标记结束不工作-不显示

我对javascript完全陌生，一直在尝试使用SVG绘制箭头。我可以用下面的代码画线，但标记端不显示

svg.append("svg:defs")
.append("svg:marker")
.attr("id", "arrow")
.attr("markerWidth", "13")
.attr("markerHeight", "13")
.attr("refX", "0")
.attr("refY", "3")
.attr("orient", "auto")
.attr("markerUnits","strokewidth")
.attr("stroke-width","13")
.append("svg:path").attr("d", "M0,0 L0,6 L9,3 z").attr("fill","red")    ;



svg.append("line")
     .attr("x1", function(d,i) { return x(data[i].xVal)})
     .attr("y1",  function(d,i) { return y(data[i].yVal)})
     .attr("x2",  function(d,i) { return x(data[i+1].xVal)})
     .attr("y2",  function(d,i) { return y(data[i+1].yVal)}) 
     .attr("stroke-width", 5)
     .attr("stroke", "white")
     .attr("marker-end","url(#arrow)") ;

---

应该有一个三角形，类似于线末端的和箭头

罗伯特的建议似乎很管用。也许你的错在别处

var svg=d3.选择（“svgcontainer”）
append（“svg:defs”）
.append（“svg:marker”）
.attr（“id”、“箭头”）
.attr（“markerWidth”、“13”）
.attr（“markerHeight”、“13”）
.attr（“参考文献”，“0”）
.attr（“参考文献”，“3”）
.attr（“方向”、“自动”）
.attr（“markerUnits”、“strokeWidth”）
.attr（“笔划宽度”、“13”）
.append（“svg:path”）.attr（“d”、“M0,0l0,6l9,3z”）.attr（“fill”、“red”）；
svg.append（“行”）
.attr（“x1”，50）
.attr（“y1”，200）
.attr（“x2”，300）
.attr（“y2”，200）
.attr（“笔划宽度”，5）
.attr（“笔划”、“白色”）
.attr（“标记结束”、“url（#箭头）”）
svg{
背景色：黑色；
}

.attr（“markerUnits”、“strokeWidth”）大写字母W将不起作用它现在起作用了…谢谢Robert。