@antv/g6
Version:
graph visualization frame work
1 lines • 5.89 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-ast-9c39c3730a24dd3b7d80395ef09d3d41-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"In radial tree layout, root node will be placed on the center. the branches will be placed in radial around the root. Dendrogram and CompactBox can be transformed into radial tree by configuration. \n","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":3,"column":1,"offset":200},"indent":[1]}},{"type":"html","value":"<br />","position":{"start":{"line":3,"column":1,"offset":200},"end":{"line":3,"column":7,"offset":206},"indent":[]}},{"type":"text","value":"\n","position":{"start":{"line":3,"column":7,"offset":206},"end":{"line":4,"column":1,"offset":207},"indent":[1]}},{"type":"html","value":"<img src='https://cdn.nlark.com/yuque/0/2019/png/156681/1571833294684-7874d71d-fb44-4340-95d0-c03b56c67a18.png?x-oss-process=image/resize,w_342' alt='radialtree' width='250'/>","position":{"start":{"line":4,"column":1,"offset":207},"end":{"line":4,"column":176,"offset":382},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":4,"column":176,"offset":382},"indent":[1,1]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#usage","title":null,"children":[],"data":{"hProperties":{"aria-label":"usage permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<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>"}]}},{"type":"text","value":"Usage","position":{"start":{"line":6,"column":4,"offset":387},"end":{"line":6,"column":9,"offset":392},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":384},"end":{"line":6,"column":9,"offset":392},"indent":[]},"data":{"id":"usage","htmlAttributes":{"id":"usage"},"hProperties":{"id":"usage"}}},{"type":"paragraph","children":[{"type":"text","value":"Radial tree layout is a deformation of Dendrogram and CompactBox. It is an appropriate layout method for tree data structure. Please use it with TreeGraph. As the demo below, you can deploy it in ","position":{"start":{"line":7,"column":1,"offset":393},"end":{"line":7,"column":197,"offset":589},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">layout</code>","position":{"start":{"line":7,"column":197,"offset":589},"end":{"line":7,"column":205,"offset":597},"indent":[]}},{"type":"text","value":" while instantiating Graph. it can also be used for ","position":{"start":{"line":7,"column":205,"offset":597},"end":{"line":7,"column":257,"offset":649},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/qopkkg#eYZc6","children":[{"type":"text","value":"Subgraph Layout","position":{"start":{"line":7,"column":258,"offset":650},"end":{"line":7,"column":273,"offset":665},"indent":[]}}],"position":{"start":{"line":7,"column":257,"offset":649},"end":{"line":7,"column":318,"offset":710},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":".","position":{"start":{"line":7,"column":318,"offset":710},"end":{"line":7,"column":319,"offset":711},"indent":[]}}],"position":{"start":{"line":7,"column":1,"offset":393},"end":{"line":7,"column":319,"offset":711},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"Same as Dendrogram and CompactBox, only set the ","position":{"start":{"line":9,"column":1,"offset":713},"end":{"line":9,"column":49,"offset":761},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">radial</code>","position":{"start":{"line":9,"column":49,"offset":761},"end":{"line":9,"column":57,"offset":769},"indent":[]}},{"type":"text","value":" to ","position":{"start":{"line":9,"column":57,"offset":769},"end":{"line":9,"column":62,"offset":774},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":9,"column":62,"offset":774},"end":{"line":9,"column":68,"offset":780},"indent":[]}},{"type":"text","value":". We recommend to set ","position":{"start":{"line":9,"column":68,"offset":780},"end":{"line":9,"column":90,"offset":802},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":9,"column":90,"offset":802},"end":{"line":9,"column":101,"offset":813},"indent":[]}},{"type":"text","value":" to ","position":{"start":{"line":9,"column":101,"offset":813},"end":{"line":9,"column":105,"offset":817},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">LR</code>","position":{"start":{"line":9,"column":105,"offset":817},"end":{"line":9,"column":109,"offset":821},"indent":[]}},{"type":"text","value":" or ","position":{"start":{"line":9,"column":109,"offset":821},"end":{"line":9,"column":113,"offset":825},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">RL</code>","position":{"start":{"line":9,"column":113,"offset":825},"end":{"line":9,"column":117,"offset":829},"indent":[]}},{"type":"text","value":" while using radial tree layout.","position":{"start":{"line":9,"column":117,"offset":829},"end":{"line":9,"column":149,"offset":861},"indent":[]}}],"position":{"start":{"line":9,"column":1,"offset":713},"end":{"line":9,"column":149,"offset":861},"indent":[]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":9,"column":149,"offset":861}}}}