小编ICo*_*ded的帖子
D3 根据节点大小重新计算箭头位置
对于给定的 D3 强制图，我面临两个视觉问题。
\n- \n
- 每个链接的最后一英寸仍然可见。箭头应该正好在节点边缘结束，情况就是如此，但下面的红色链接是可见的。我可以调整链接笔划宽度或箭头大小，但实际上不想更改这些属性。 \n
- \n
- 节点的半径在 mouseenter 事件发生时增加。如果节点大小增加，箭头就会错位并且不再终止于节点边缘。我认为我需要调整刻度函数，但没有找到合适的起点。 \n
我感谢任何让我更接近结果的链接、提示、帮助。
\n\r\n
\r\n
var width = window.innerWidth,\n height = window.innerHeight;\n\n var svg = d3.select("body").append("svg")\n .attr("width", width)\n .attr("height", height)\n .call(d3.zoom().on("zoom", function(event) {\n svg.attr("transform", event.transform)\n }))\n .append("g")\n\n ////////////////////////\n // outer force layout\n\n var data = {\n "nodes":[\n { "id": "A" }, \n { "id": "B" },\n { "id": "C" },\n ],\n "links": [\n { "source": "A", "target": "B"},\n { "source": "B", "target": "C"},\n { "source": …5
推荐指数
推荐指数
1
解决办法
解决办法
181
查看次数
查看次数