添加箭头以强制从源到目标的有向图

时间:2018-04-01 07:23:47

标签: javascript d3.js

我正在尝试将箭头从源添加到目标强制定向报告,其示例可在此处获得: http://plnkr.co/edit/Q69DkEH5Z9aOe92UwlOB?p=preview

我正在尝试在链接中间的上图中从源到目标的链接中添加箭头。像这样:

节点1 -----> ------ --------节点2< -------节点3

但我不确定如何做到这一点。

我在这里看到了一个例子:https://stackoverflow.com/a/28050566/8052709 并尝试在我的plunkr中添加:

// build the arrow.
vis.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", 15)
    .attr("refY", -1.5)
    .attr("markerWidth", 6)
    .attr("markerHeight", 6)
    .attr("orient", "auto")
  .append("svg:path")
    .attr("d", "M0,-5L10,0L0,5");

但它失败了。我不太熟悉使用JS绘制图表,所以不确定我做错了什么。

任何人都可以在这里帮助我。

0 个答案:

没有答案