给定尺寸创建绘制组件？

Question

我正在尝试构建一个图表，创建与箭头连接的 n 圈子，具有开始和结束状态，给定状态数为 n 。这需要显示在窗口上。我怎么能在 ExtJS 4.1 ？

中做到这一点

已完成：我已为给定数量的州创建了circleSprites。同时，顺利排列。标记每个州​​。

需要帮助连接2个圆圈的连接器（箭头）。这是我写的一个例子：

surface.add({
type:'path',
stroke:'black',
path: "M ".concat(xX," ",newY+radY," L ",xX," ",(newY+200)-radY)
}).show(true);



var alterVal=10;
surface.add({
type:'path',
stroke:'black',
'stroke-width':1.5, 
path: "M ".concat(xX-alterVal," ",((newY+200)-radY)-alterVal," L ",xX," ",(newY+200)-radY," L ",xX+alterVal," ",((newY+200)-radY)-alterVal)
}).show(true);

这是最好的方式吗？你的建议是什么？