我在d3v4中创建了强制布局。链接上添加的标记以表示方向,如给定的Jfiddle https://jsfiddle.net/rjyk72ea/所示。
要求是箭头应与节点接触,但当链接沿节点的对角线方向时,箭头(部分或全部)隐藏在节点下方。解决这个问题?
var mark = diagramLayout.append("svg:defs").selectAll("marker")//
.data(["end"]) // Different link/path types can be defined here
.enter().append("svg:marker") // This section adds in the arrows
.attr("id", String)
.attr("viewBox", "0 -5 10 10")
.attr("refX", markerRefx)
.attr("refY", 0)
.attr("markerWidth", 5)
.attr("markerHeight", 5)
.attr("orient", "auto")
.attr("stroke", "#000")
.attr("fill", "#000")
.append("svg:path")
.attr("d", "M0,-5L10,0L0,5")
.style("stroke-width", "0.3px")
}
Run Code Online (Sandbox Code Playgroud) d3.js ×1