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")

＆＃34;标记中间＆＃34;不使用路径d3.js强制布局

1 个答案: