Javascript 在圆上对齐n个圆>；没有重叠

对于数据可视化，我在一个圆上对齐n个圆。 这很好，但我不知道如何阻止这种循环 相互重叠。这里有人知道怎么做吗

结果应与此草图类似：

链接：

所以我不知道如何计算第二个节点的角度 -根据半径确定第一个节点的位置-以及 第二半径

JSFIDDLE来说明我的意思：

var canvas=document.getElementById（“canvas”）；
var stage=newcreatejs.stage（画布）；
画布宽度=500；
高度=500；
var-midx=250；
var midy=250；
var半径=200；
var角=0；
var计数=30；
var step=2*Math.PI/计数；
var-xpos；
var-ypos；
变量节点化；
变量节点=函数（大小）{
var dot=new createjs.Shape（）；
点.图形.beginll（#000”）.绘图圈（0,0，大小）；
点x=点y=-5；
点α=0.25；
返回点
};
对于（var i=0；i，您的程序不会根据圆的大小和角度进行校正。较小的圆彼此距离太远，较大的圆太近

r1 = radius of the n-th small circle
r2 = radius of the (n+1)-th small circle.
r3 = radius of the (n+2)-th small circle

r1所以从小角度开始，跟踪校正值。首先：谢谢你花时间-现在我不得不承认：我真的不知道怎么做。节点不会是线性缩放的-我在原始帖子中添加了一个链接-勾勒出我的意思-最佳西蒙
r1 = radius of the n-th small circle
r2 = radius of the (n+1)-th small circle.
r3 = radius of the (n+2)-th small circle