力有向图中的 d3 箭头答案

【问题标题】：d3 arrows in Force Directed Graph力有向图中的 d3 箭头
【发布时间】：2012-07-12 03:16:48
【问题描述】：

我很困惑。为什么通过简单地复制和粘贴示例http://bl.ocks.org/1153292 箭头不对齐。（见下文）

更新：它适用于 chrome 和 safai，但不适用于 Firefox……更令人困惑。有什么想法吗？

为了得到直线而不是曲线，您会在示例中进行哪些更改？

谢谢。

【问题讨论】：

【解决方案1】：

这在 Chrome 和 Safari 中有效，在 Firefox 14（可能更早版本）中被破坏。它已在 Firefox 15 及更高版本中修复。见错误https://bugzilla.mozilla.org/show_bug.cgi?id=773266

我已经在 Firefox 14（失败）和 15（通过）上对其进行了测试。

原问题的答案是：因为它在 Firefox 中被破坏了。

【讨论】：

【解决方案2】：

这也发生在我身上。但我通过以下方式解决了它。打开萤火虫。转到 svg > defs > 标记部分。然后更改 refX 和 refY 值。这个对我有用。

【讨论】：

【解决方案3】：

可能是剪切和粘贴错误？它在这里工作正常。 http://jsbin.com/akulid/edit#html,live

【讨论】：

谢谢达门。唯一的区别是我只包含新的 d3.v2.js 而不是
我在 D3.js 的 1.29 和 v2 版本中看到相同的行为（FF 上的箭头方向错误，但不是基于 Webkit 的浏览器，如 Chrome 或 Safari）