javascript - "marker-mid"不适用于路径 d3.js 强制布局

Question

如何在强制布局中的链接(路径 svg)上附加“marker-mid”。

这是我的代码:

var path = d3.select('.pitch').selectAll("path")
            .data(force.links())
            .enter()
            .append('g')
            .classed('g_path', true)
            .append("svg:path")
            .attr("class", "link").attr("marker-mid", function(d) {
            return "url(#BLUE)"
        });

Answer 1

您需要添加到您的 svg 中来创建您想要作为标记的元素和类“box”来设置矩形的样式...

svg.append("defs")
 .append("marker")
 .attr("id", "BLUE")
 .attr("viewBox", "0 0 10 10")
 .attr("refX",  5 )
 .attr("refY", 5)
 .attr("markerWidth", 10)
 .attr("markerHeight", 10)
 .attr("orient", "auto")
 .attr("class","box")
 .append("rect")
 .style("width","5px")
 .style("height","5px")