extjs - Creating draw components given a size? -

extjs - Creating draw components given a size? -

i'm trying build diagram creates n circles connected arrowheads, start , end state, given number of states n . needs displayed on window. how can in extjs 4.1 ?

completed : have created circlesprites given number of states. also, aligned well. labelled each state.

need help connectors (arrowheads) connect 2 circles. here sample i've written :

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);

is best way draw? suggestions ?

extjs extjs4.1