<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxCircleLayout"></a>mxCircleLayout</h1><divclass=CBody><p>Extends <ahref="mxGraphLayout-js.html#mxGraphLayout"class=LClassid=link15onMouseOver="ShowTip(event, 'tt1', 'link15')"onMouseOut="HideTip('tt1')">mxGraphLayout</a> to implement a circluar layout for a given radius. The vertices do not need to be connected for this layout to work and all connections between vertices are not taken into account.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">var layout = new mxCircleLayout(graph);
layout.execute(graph.getDefaultParent());</pre></blockquote><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxCircleLayout">mxCircleLayout</a></td><tdclass=SDescription>Extends <ahref="mxGraphLayout-js.html#mxGraphLayout"class=LClassid=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxGraphLayout</a> to implement a circluar layout for a given radius. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCircleLayout.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.mxCircleLayout"id=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">mxCircleLayout</a></td><tdclass=SDescription>Constructs a new circular layout for the specified radius.</td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCircleLayout.Variables">Variables</a></td><tdclass=SDescription></td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.radius"id=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">radius</a></td><tdclass=SDescription>Integer specifying the size of the radius. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCircleLayout.moveCircle"id=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">moveCircle</a></td><tdclass=SDescription>Boolean specifying if the circle should be moved to the top, left corner specified by <ahref="#mxCircleLayout.x0"class=LVariableid=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">x0</a> and <ahref="#mxCircleLayout.y0"class=LVariableid=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">y0</a>. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.x0"id=link7onMouseOver="ShowTip(event, 'tt5', 'link7')"onMouseOut="HideTip('tt5')">x0</a></td><tdclass=SDescription>Integer specifying the left coordinate of the circle. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCircleLayout.y0"id=link8onMouseOver="ShowTip(event, 'tt6', 'link8')"onMouseOut="HideTip('tt6')">y0</a></td><tdclass=SDescription>Integer specifying the top coordinate of the circle. </td></tr><trclass="SVariable SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.resetEdges"id=link9onMouseOver="ShowTip(event, 'tt7', 'link9')"onMouseOut="HideTip('tt7')">resetEdges</a></td><tdclass=SDescription>Specifies if all edge points of traversed edges should be removed. </td></tr><trclass="SVariable SIndent2"><tdclass=SEntry><ahref="#mxCircleLayout.disableEdgeStyle"id=link10onMouseOver="ShowTip(event, 'tt8', 'link10')"onMouseOut="HideTip('tt8')">disableEdgeStyle</a></td><tdclass=SDescription>Specifies if the STYLE_NOEDGESTYLE flag should be set on edges that are modified by the result. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxCircleLayout.Functions">Functions</a></td><tdclass=SDescription></td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.execute"id=link11onMouseOver="ShowTip(event, 'tt9', 'link11')"onMouseOut="HideTip('tt9')">execute</a></td><tdclass=SDescription>Implements <ahref="mxGraphLayout-js.html#mxGraphLayout.execute"class=LFunctionid=link12onMouseOver="ShowTip(event, 'tt10', 'link12')"onMouseOut="HideTip('tt10')">mxGraphLayout.execute</a>.</td></tr><trclass="SFunction SIndent2"><tdclass=SEntry><ahref="#mxCircleLayout.getRadius"id=link13onMouseOver="ShowTip(event, 'tt11', 'link13')"onMouseOut="HideTip('tt11')">getRadius</a></td><tdclass=SDescription>Returns the radius to be used for the given vertex count. </td></tr><trclass="SFunction SIndent2 SMarked"><tdclass=SEntry><ahref="#mxCircleLayout.circle"id=link14onMouseOver="ShowTip(event, 'tt12', 'link14')"onMouseOut="HideTip('tt12')">circ
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.mxCircleLayout"></a>mxCircleLayout</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxCircleLayout(</td><tdclass="PParameter prettyprint "nowrap>graph,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>radius</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new circular layout for the specified radius.</p><h4class=CHeading>Arguments</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>graph</td><tdclass=CDLDescription><ahref="../view/mxGraph-js.html#mxGraph"class=LClassid=link16onMouseOver="ShowTip(event, 'tt13', 'link16')"onMouseOut="HideTip('tt13')">mxGraph</a> that contains the cells.</td></tr><tr><tdclass=CDLEntry>radius</td><tdclass=CDLDescription>Optional radius as an int. Default is 100.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.radius"></a>radius</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.radius</td></tr></table></blockquote><p>Integer specifying the size of the radius. Default is 100.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.moveCircle"></a>moveCircle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.moveCircle</td></tr></table></blockquote><p>Boolean specifying if the circle should be moved to the top, left corner specified by <ahref="#mxCircleLayout.x0"class=LVariableid=link17onMouseOver="ShowTip(event, 'tt5', 'link17')"onMouseOut="HideTip('tt5')">x0</a> and <ahref="#mxCircleLayout.y0"class=LVariableid=link18onMouseOver="ShowTip(event, 'tt6', 'link18')"onMouseOut="HideTip('tt6')">y0</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.x0"></a>x0</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.x0</td></tr></table></blockquote><p>Integer specifying the left coordinate of the circle. Default is 0.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.y0"></a>y0</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.y0</td></tr></table></blockquote><p>Integer specifying the top coordinate of the circle. Default is 0.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.resetEdges"></a>resetEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.resetEdges</td></tr></table></blockquote><p>Specifies if all edge points of traversed edges should be removed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.disableEdgeStyle"></a>disableEdgeStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.disableEdgeStyle</td></tr></table></blockquote><p>Specifies if the STYLE_NOEDGESTYLE flag should be set on edges that are modified by the result. Default is true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.getRadius"></a>getRadius</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxCircleLayout.prototype.getRadius = function(</td><tdclass="PParameter prettyprint "nowrap>count,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>max</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the radius to be used for the given vertex count. Max is the maximum width or height of all vertices in the layout.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxCircleLayout.circle"></a>circle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxCircleLayout.prototype.circle = function(</td><tdclass="PParameter prettyprint "nowrap>vertices,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>r,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>left,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>top</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Executes the circular layout for the specified array of vertices and the given radius. This is called from <ahref="#mxCircleLayout.execute"class=LFunctionid=link20onMouseOver="ShowTip(event, 'tt9', 'link20')"onMouseOut="HideTip('tt9')">execute</a>.</p></div></div></div>
<divclass=CToolTipid="tt1"><divclass=CClass>Base class for all layout algorithms in mxGraph. </div></div><divclass=CToolTipid="tt2"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>function mxCircleLayout(</td><tdclass="PParameter prettyprint "nowrap>graph,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>radius</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new circular layout for the specified radius.</div></div><divclass=CToolTipid="tt3"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.radius</td></tr></table></blockquote>Integer specifying the size of the radius. </div></div><divclass=CToolTipid="tt4"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.moveCircle</td></tr></table></blockquote>Boolean specifying if the circle should be moved to the top, left corner specified by x0 and y0. </div></div><divclass=CToolTipid="tt5"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.x0</td></tr></table></blockquote>Integer specifying the left coordinate of the circle. </div></div><divclass=CToolTipid="tt6"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.y0</td></tr></table></blockquote>Integer specifying the top coordinate of the circle. </div></div><divclass=CToolTipid="tt7"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.resetEdges</td></tr></table></blockquote>Specifies if all edge points of traversed edges should be removed. </div></div><divclass=CToolTipid="tt8"><divclass=CVariable><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><tdclass="prettyprint">mxCircleLayout.prototype.disableEdgeStyle</td></tr></table></blockquote>Specifies if the STYLE_NOEDGESTYLE flag should be set on edges that are modified by the result. </div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxCircleLayout.prototype.execute = function(</td><tdclass="PParameter prettyprint "nowrap>parent</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Implements mxGraphLayout.execute.</div></div><divclass=CToolTipid="tt10"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxGraphLayout.prototype.execute = function(</td><tdclass="PParameter prettyprint "nowrap>parent</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Executes the layout algorithm for the children of the given parent.</div></div><divclass=CToolTipid="tt11"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass="PBeforeParameters prettyprint "nowrap>mxCircleLayout.prototype.getRadius = function(</td><tdclass="PParameter prettyprint "nowrap>count,</td></tr><tr><td></td><tdclass="PParameter prettyprint "nowrap>max</td><tdclass="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the radius to be used for the given vertex count. </div></div><divclass=CToolTipid="tt12"><divclass=CFunction><blockquote><tableborder=0cellspacin
