{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-40dc6b3ae8c8e5c257a06596c5587390-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":"<p>Radial Layout will place the nodes to the concentric circles around the <code class=\"language-text\">focusNode</code> according to the shortest path length to <code class=\"language-text\">focusNode</code>.</p>\n<h2 id=\"usage\"><a href=\"#usage\" aria-label=\"usage permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Usage</h2>\n<p>As the demo below, you can deploy it in <code class=\"language-text\">layout</code> while instantiating Graph. it can also be used for <a href=\"https://www.yuque.com/antv/g6/qopkkg#eYZc6\" target=\"_self\" rel=\"nofollow\">Subgraph Layout</a>. By tuning the parameters, you can adjust the iteration number, compact degree, layout buy cluster, and so on. By tuning the parameters, you can adjust the radial radius, preven node overlappings, relaxed radial, and so on.</p>\n<ul>\n<li>Example 1 : Basic Radial Layout.</li>\n<li>Example 2 : Prevent node overlappings according each node's size.</li>\n<li>Example 3 : Relaxed radial layout allows offsets between nodes on the same level to prevent node overlappings.</li>\n<li>Example 4 : By using the subgraph layout mechanism, we extend nodes by interaction. Try to click node 2.</li>\n<li>Example 5 : Translate the parameters of Radial Layout.</li>\n</ul>"}