标签: radhtmlchart

我有一个 Telerik RadHtmlChart，它为图形生成一些 svg。

http://jsfiddle.net/L8Gcg/3/

该图目前如下所示：

每个圆圈都有一个与之关联的标签。不幸的是，它们往往会聚在一起并相互重叠。

我想用 javascript 向上/向下移动文本元素，这样它们就不会全部重叠，但我不确定最好的方法。

我写了一些代码来循环遍历<text>svg 元素，但卡在重叠检测/移动部分。

var svg = document.getElementsByTagName("svg")[0];
var svgLabels = svg.getElementsByTagName("text");

for (i = 0; i < svgLabels.length; i++) {
    //Check for overlap, move if necessary
}

有什么办法可以很好地做到这一点吗？