javascript - Dagre / D3 以更大的尺寸渲染节点和边缘/箭头

Question

我有这张图，但看起来节点和边缘/箭头呈现的有点小。该图正在使用 Dagre 进行渲染。我只是想知道是否有一种方法可以使节点和边缘/箭头更大但将它们保持在 svg 内。这可能吗？或者是什么导致这些东西看起来更小？还是这是正常功能？

同样在这里：是否可以增加节点和边的大小，但保持它与当前的 svg 保持一致？

谢谢

Answer 1

您可以尝试更改stroke-width边缘

g.setEdge("A", "B", {
  style: "stroke: #f66; stroke-width: 3px; stroke-dasharray: 5, 5;",
  arrowheadStyle: "fill: #f66"
});

http://cpettitt.github.io/project/dagre-d3/latest/demo/style-attrs.html