图表链接上的水平标签

Question

我在链接上有一个带标签的力图。 当用线条绘制链接时，标签就在它的顶部，但由于我已经用路径更改了线条，因此标签离路径太远，尤其是当我拖走节点时。 此外，当有2个链接具有相同的源和目标时，标签重叠：

我想要这样的东西：

标签必须是水平的，不应该遵循路径（因此，我不能使用textPath）

我知道我的代码在标签的勾号中是错误的，但我在数学方面没有那么多的知识......

lt.select(".link-text")
            .attr("dx", function (d) {
                var dx = (d.target.x + d.source.x) / 2;
                return dx;
            })
            .attr("dy", function (d) {
                var dy = (d.target.y + d.source.y) / 2;
                return dy;
            });

这里是随机位置的完整代码示例： http://jsfiddle.net/Lxc43v8d/31/