小编use*_*214的帖子

箭头未触及d3.js中的节点

我在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

0
推荐指数
1
解决办法
1062
查看次数

标签 统计

d3.js ×1