@antv/g6
Version:
graph visualization frame work
1 lines • 59.6 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-dc0bdb1acd7593cd28c56e882309f56a-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"g6registernodenodename-options-extendnodename"},"children":[{"type":"element","tagName":"a","properties":{"href":"#g6registernodenodename-options-extendnodename","aria-label":"g6registernodenodename options extendnodename permalink","class":"anchor"},"children":[{"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":"G6.registerNode(nodeName, options, extendNodeName)","position":{"start":{"line":2,"column":4,"offset":4},"end":{"line":2,"column":54,"offset":54}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":54,"offset":54}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当内置节点不满足需求时，可以通过","position":{"start":{"line":4,"column":1,"offset":56},"end":{"line":4,"column":17,"offset":72}}},{"type":"raw","value":"<code class=\"language-text\">G6.registerNode(nodeName, options, extendNodeName)</code>","position":{"start":{"line":4,"column":17,"offset":72},"end":{"line":4,"column":69,"offset":124}}},{"type":"text","value":"方法自定义节点。","position":{"start":{"line":4,"column":69,"offset":124},"end":{"line":4,"column":77,"offset":132}}}],"position":{"start":{"line":4,"column":1,"offset":56},"end":{"line":4,"column":77,"offset":132}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"参数","position":{"start":{"line":6,"column":3,"offset":136},"end":{"line":6,"column":5,"offset":138}}}],"position":{"start":{"line":6,"column":1,"offset":134},"end":{"line":6,"column":7,"offset":140}}}],"position":{"start":{"line":6,"column":1,"offset":134},"end":{"line":6,"column":7,"offset":140}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"名称","position":{"start":{"line":8,"column":3,"offset":144},"end":{"line":8,"column":5,"offset":146}}}],"position":{"start":{"line":8,"column":3,"offset":144},"end":{"line":8,"column":15,"offset":156}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":8,"column":18,"offset":159},"end":{"line":8,"column":20,"offset":161}}}],"position":{"start":{"line":8,"column":18,"offset":159},"end":{"line":8,"column":22,"offset":163}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"是否必选","position":{"start":{"line":8,"column":25,"offset":166},"end":{"line":8,"column":29,"offset":170}}}],"position":{"start":{"line":8,"column":25,"offset":166},"end":{"line":8,"column":29,"offset":170}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"描述","position":{"start":{"line":8,"column":32,"offset":173},"end":{"line":8,"column":34,"offset":175}}}],"position":{"start":{"line":8,"column":32,"offset":173},"end":{"line":8,"column":192,"offset":333}}},{"type":"text","value":"\n"}],"position":{"start":{"line":8,"column":1,"offset":142},"end":{"line":8,"column":194,"offset":335}}},{"type":"text","value":"\n"}],"position":{"start":{"line":8,"column":1,"offset":142},"end":{"line":8,"column":194,"offset":335}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"nodeName","position":{"start":{"line":10,"column":3,"offset":542},"end":{"line":10,"column":11,"offset":550}}}],"position":{"start":{"line":10,"column":3,"offset":542},"end":{"line":10,"column":17,"offset":556}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":10,"column":20,"offset":559},"end":{"line":10,"column":26,"offset":565}}}],"position":{"start":{"line":10,"column":20,"offset":559},"end":{"line":10,"column":26,"offset":565}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":10,"column":29,"offset":568},"end":{"line":10,"column":33,"offset":572}}}],"position":{"start":{"line":10,"column":29,"offset":568},"end":{"line":10,"column":37,"offset":576}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义节点名称，需保持唯一性。","position":{"start":{"line":10,"column":40,"offset":579},"end":{"line":10,"column":55,"offset":594}}}],"position":{"start":{"line":10,"column":40,"offset":579},"end":{"line":10,"column":187,"offset":726}}},{"type":"text","value":"\n"}],"position":{"start":{"line":10,"column":1,"offset":540},"end":{"line":10,"column":189,"offset":728}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"options","position":{"start":{"line":11,"column":3,"offset":731},"end":{"line":11,"column":10,"offset":738}}}],"position":{"start":{"line":11,"column":3,"offset":731},"end":{"line":11,"column":17,"offset":745}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"object","position":{"start":{"line":11,"column":20,"offset":748},"end":{"line":11,"column":26,"offset":754}}}],"position":{"start":{"line":11,"column":20,"offset":748},"end":{"line":11,"column":26,"offset":754}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":11,"column":29,"offset":757},"end":{"line":11,"column":33,"offset":761}}}],"position":{"start":{"line":11,"column":29,"offset":757},"end":{"line":11,"column":37,"offset":765}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义节点时的配置项，配置项中包括完整的生命周期方法，具体请参考：","position":{"start":{"line":11,"column":40,"offset":768},"end":{"line":11,"column":73,"offset":801}}},{"type":"element","tagName":"a","properties":{"href":"./Shape"},"children":[{"type":"text","value":"Shape 文档","position":{"start":{"line":11,"column":74,"offset":802},"end":{"line":11,"column":82,"offset":810}}}],"position":{"start":{"line":11,"column":73,"offset":801},"end":{"line":11,"column":92,"offset":820}}},{"type":"text","value":"。","position":{"start":{"line":11,"column":92,"offset":820},"end":{"line":11,"column":93,"offset":821}}}],"position":{"start":{"line":11,"column":40,"offset":768},"end":{"line":11,"column":134,"offset":862}}},{"type":"text","value":"\n"}],"position":{"start":{"line":11,"column":1,"offset":729},"end":{"line":11,"column":136,"offset":864}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"extendNodeName","position":{"start":{"line":12,"column":3,"offset":867},"end":{"line":12,"column":17,"offset":881}}}],"position":{"start":{"line":12,"column":3,"offset":867},"end":{"line":12,"column":17,"offset":881}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":12,"column":20,"offset":884},"end":{"line":12,"column":26,"offset":890}}}],"position":{"start":{"line":12,"column":20,"offset":884},"end":{"line":12,"column":26,"offset":890}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"false","position":{"start":{"line":12,"column":29,"offset":893},"end":{"line":12,"column":34,"offset":898}}}],"position":{"start":{"line":12,"column":29,"offset":893},"end":{"line":12,"column":37,"offset":901}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义节点时可基于内置节点进行定义，该字段表示内置节点名称，所有内置节点请参考：","position":{"start":{"line":12,"column":40,"offset":904},"end":{"line":12,"column":80,"offset":944}}},{"type":"element","tagName":"a","properties":{"href":"../manual/middle/elements/defaultNode"},"children":[{"type":"text","value":"内置节点","position":{"start":{"line":12,"column":81,"offset":945},"end":{"line":12,"column":85,"offset":949}}}],"position":{"start":{"line":12,"column":80,"offset":944},"end":{"line":12,"column":125,"offset":989}}},{"type":"text","value":"。","position":{"start":{"line":12,"column":125,"offset":989},"end":{"line":12,"column":126,"offset":990}}}],"position":{"start":{"line":12,"column":40,"offset":904},"end":{"line":12,"column":126,"offset":990}}},{"type":"text","value":"\n"}],"position":{"start":{"line":12,"column":1,"offset":865},"end":{"line":12,"column":128,"offset":992}}},{"type":"text","value":"\n"}],"position":{"start":{"line":10,"column":1,"offset":540},"end":{"line":12,"column":128,"offset":992}}},{"type":"text","value":"\n"}],"position":{"start":{"line":8,"column":1,"offset":142},"end":{"line":12,"column":128,"offset":992}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"用法","position":{"start":{"line":14,"column":3,"offset":996},"end":{"line":14,"column":5,"offset":998}}}],"position":{"start":{"line":14,"column":1,"offset":994},"end":{"line":14,"column":7,"offset":1000}}}],"position":{"start":{"line":14,"column":1,"offset":994},"end":{"line":14,"column":7,"offset":1000}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token constant\">G6</span><span class=\"token punctuation\">.</span><span class=\"token function\">registerNode</span><span class=\"token punctuation\">(</span>\n <span class=\"token string\">'nodeName'</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">/**\n * 绘制节点/边，包含文本\n * @param {Object} cfg 节点的配置项\n * @param {G.Group} group 节点的容器\n * @return {G.Shape} 绘制的图形，通过node.get('keyShape') 可以获取到\n */</span>\n <span class=\"token function\">draw</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> group</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 绘制后的附加操作，默认没有任何操作\n * @param {Object} cfg 节点的配置项\n * @param {G.Group} group 节点的容器\n */</span>\n <span class=\"token function\">afterDraw</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> group</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 更新节点，包含文本\n * @override\n * @param {Object} cfg 节点的配置项\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">update</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 更新节点后的操作，一般同 afterDraw 配合使用\n * @override\n * @param {Object} cfg 节点的配置项\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">afterUpdate</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 设置节点的状态，主要是交互状态，业务状态请在 draw 方法中实现\n * 单图形的节点仅考虑 selected、active 状态，有其他状态需求的用户自己复写这个方法\n * @param {String} name 状态名称\n * @param {Object} value 状态值\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">setState</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">name<span class=\"token punctuation\">,</span> value<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 获取控制点\n * @param {Object} cfg 节点、边的配置项\n * @return {Array|null} 控制点的数组,如果为 null，则没有控制点\n */</span>\n <span class=\"token function\">getAnchorPoints</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token string\">'extendNodeName'</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":16,"column":1,"offset":1002},"end":{"line":64,"column":4,"offset":2113}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"g6registeredgeedgename-options-extendedgename"},"children":[{"type":"element","tagName":"a","properties":{"href":"#g6registeredgeedgename-options-extendedgename","aria-label":"g6registeredgeedgename options extendedgename permalink","class":"anchor"},"children":[{"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":"G6.registerEdge(edgeName, options, extendEdgeName)","position":{"start":{"line":66,"column":4,"offset":2118},"end":{"line":66,"column":54,"offset":2168}}}],"position":{"start":{"line":66,"column":1,"offset":2115},"end":{"line":66,"column":54,"offset":2168}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当内置的边不能满足需求时，可以通过","position":{"start":{"line":68,"column":1,"offset":2170},"end":{"line":68,"column":18,"offset":2187}}},{"type":"raw","value":"<code class=\"language-text\">registerEdge(edgeName, options, extendEdgeName)</code>","position":{"start":{"line":68,"column":18,"offset":2187},"end":{"line":68,"column":67,"offset":2236}}},{"type":"text","value":"方法注册自定义的边。","position":{"start":{"line":68,"column":67,"offset":2236},"end":{"line":68,"column":77,"offset":2246}}}],"position":{"start":{"line":68,"column":1,"offset":2170},"end":{"line":68,"column":77,"offset":2246}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"参数","position":{"start":{"line":70,"column":3,"offset":2250},"end":{"line":70,"column":5,"offset":2252}}}],"position":{"start":{"line":70,"column":1,"offset":2248},"end":{"line":70,"column":7,"offset":2254}}}],"position":{"start":{"line":70,"column":1,"offset":2248},"end":{"line":70,"column":7,"offset":2254}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"名称","position":{"start":{"line":72,"column":3,"offset":2258},"end":{"line":72,"column":5,"offset":2260}}}],"position":{"start":{"line":72,"column":3,"offset":2258},"end":{"line":72,"column":15,"offset":2270}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":72,"column":18,"offset":2273},"end":{"line":72,"column":20,"offset":2275}}}],"position":{"start":{"line":72,"column":18,"offset":2273},"end":{"line":72,"column":22,"offset":2277}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"是否必选","position":{"start":{"line":72,"column":25,"offset":2280},"end":{"line":72,"column":29,"offset":2284}}}],"position":{"start":{"line":72,"column":25,"offset":2280},"end":{"line":72,"column":29,"offset":2284}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"描述","position":{"start":{"line":72,"column":32,"offset":2287},"end":{"line":72,"column":34,"offset":2289}}}],"position":{"start":{"line":72,"column":32,"offset":2287},"end":{"line":72,"column":164,"offset":2419}}},{"type":"text","value":"\n"}],"position":{"start":{"line":72,"column":1,"offset":2256},"end":{"line":72,"column":166,"offset":2421}}},{"type":"text","value":"\n"}],"position":{"start":{"line":72,"column":1,"offset":2256},"end":{"line":72,"column":166,"offset":2421}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"edgeName","position":{"start":{"line":74,"column":3,"offset":2600},"end":{"line":74,"column":11,"offset":2608}}}],"position":{"start":{"line":74,"column":3,"offset":2600},"end":{"line":74,"column":17,"offset":2614}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":74,"column":20,"offset":2617},"end":{"line":74,"column":26,"offset":2623}}}],"position":{"start":{"line":74,"column":20,"offset":2617},"end":{"line":74,"column":26,"offset":2623}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":74,"column":29,"offset":2626},"end":{"line":74,"column":33,"offset":2630}}}],"position":{"start":{"line":74,"column":29,"offset":2626},"end":{"line":74,"column":37,"offset":2634}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义边的名称","position":{"start":{"line":74,"column":40,"offset":2637},"end":{"line":74,"column":47,"offset":2644}}}],"position":{"start":{"line":74,"column":40,"offset":2637},"end":{"line":74,"column":167,"offset":2764}}},{"type":"text","value":"\n"}],"position":{"start":{"line":74,"column":1,"offset":2598},"end":{"line":74,"column":169,"offset":2766}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"options","position":{"start":{"line":75,"column":3,"offset":2769},"end":{"line":75,"column":10,"offset":2776}}}],"position":{"start":{"line":75,"column":3,"offset":2769},"end":{"line":75,"column":17,"offset":2783}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"object","position":{"start":{"line":75,"column":20,"offset":2786},"end":{"line":75,"column":26,"offset":2792}}}],"position":{"start":{"line":75,"column":20,"offset":2786},"end":{"line":75,"column":26,"offset":2792}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":75,"column":29,"offset":2795},"end":{"line":75,"column":33,"offset":2799}}}],"position":{"start":{"line":75,"column":29,"offset":2795},"end":{"line":75,"column":37,"offset":2803}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义边时的配置项，配置项中包括完整的生命周期方法，具体请参考：","position":{"start":{"line":75,"column":40,"offset":2806},"end":{"line":75,"column":72,"offset":2838}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/shape-api","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"Shape 文档","position":{"start":{"line":75,"column":73,"offset":2839},"end":{"line":75,"column":81,"offset":2847}}}],"position":{"start":{"line":75,"column":72,"offset":2838},"end":{"line":75,"column":123,"offset":2889}}},{"type":"text","value":"。","position":{"start":{"line":75,"column":123,"offset":2889},"end":{"line":75,"column":124,"offset":2890}}}],"position":{"start":{"line":75,"column":40,"offset":2806},"end":{"line":75,"column":139,"offset":2905}}},{"type":"text","value":"\n"}],"position":{"start":{"line":75,"column":1,"offset":2767},"end":{"line":75,"column":141,"offset":2907}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"extendEdgeName","position":{"start":{"line":76,"column":3,"offset":2910},"end":{"line":76,"column":17,"offset":2924}}}],"position":{"start":{"line":76,"column":3,"offset":2910},"end":{"line":76,"column":17,"offset":2924}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":76,"column":20,"offset":2927},"end":{"line":76,"column":26,"offset":2933}}}],"position":{"start":{"line":76,"column":20,"offset":2927},"end":{"line":76,"column":26,"offset":2933}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"false","position":{"start":{"line":76,"column":29,"offset":2936},"end":{"line":76,"column":34,"offset":2941}}}],"position":{"start":{"line":76,"column":29,"offset":2936},"end":{"line":76,"column":37,"offset":2944}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义边时可基于内置边进行定义，该字段表示内置边的名称，所有内置边请参考：","position":{"start":{"line":76,"column":40,"offset":2947},"end":{"line":76,"column":77,"offset":2984}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/default-node#QtRZ2","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"内置边","position":{"start":{"line":76,"column":78,"offset":2985},"end":{"line":76,"column":81,"offset":2988}}}],"position":{"start":{"line":76,"column":77,"offset":2984},"end":{"line":76,"column":132,"offset":3039}}},{"type":"text","value":"。","position":{"start":{"line":76,"column":132,"offset":3039},"end":{"line":76,"column":133,"offset":3040}}}],"position":{"start":{"line":76,"column":40,"offset":2947},"end":{"line":76,"column":133,"offset":3040}}},{"type":"text","value":"\n"}],"position":{"start":{"line":76,"column":1,"offset":2908},"end":{"line":76,"column":135,"offset":3042}}},{"type":"text","value":"\n"}],"position":{"start":{"line":74,"column":1,"offset":2598},"end":{"line":76,"column":135,"offset":3042}}},{"type":"text","value":"\n"}],"position":{"start":{"line":72,"column":1,"offset":2256},"end":{"line":76,"column":135,"offset":3042}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"用法","position":{"start":{"line":78,"column":3,"offset":3046},"end":{"line":78,"column":5,"offset":3048}}}],"position":{"start":{"line":78,"column":1,"offset":3044},"end":{"line":78,"column":7,"offset":3050}}}],"position":{"start":{"line":78,"column":1,"offset":3044},"end":{"line":78,"column":7,"offset":3050}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token constant\">G6</span><span class=\"token punctuation\">.</span><span class=\"token function\">registerEdge</span><span class=\"token punctuation\">(</span>\n <span class=\"token string\">'edgeName'</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">/**\n * 绘制节点/边，包含文本\n * @param {Object} cfg 节点的配置项\n * @param {G.Group} group 节点的容器\n * @return {G.Shape} 绘制的图形，通过node.get('keyShape') 可以获取到\n */</span>\n <span class=\"token function\">draw</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> group</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 绘制后的附加操作，默认没有任何操作\n * @param {Object} cfg 节点的配置项\n * @param {G.Group} group 节点的容器\n */</span>\n <span class=\"token function\">afterDraw</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> group</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 更新节点，包含文本\n * @override\n * @param {Object} cfg 节点的配置项\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">update</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 更新节点后的操作，一般同 afterDraw 配合使用\n * @override\n * @param {Object} cfg 节点的配置项\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">afterUpdate</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 设置节点的状态，主要是交互状态，业务状态请在 draw 方法中实现\n * 单图形的节点仅考虑 selected、active 状态，有其他状态需求的用户自己复写这个方法\n * @param {String} name 状态名称\n * @param {Object} value 状态值\n * @param {Node} node 节点\n */</span>\n <span class=\"token function\">setState</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">name<span class=\"token punctuation\">,</span> value<span class=\"token punctuation\">,</span> node</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token string\">'extendEdgeName'</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":80,"column":1,"offset":3052},"end":{"line":122,"column":4,"offset":4017}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"g6registerbehaviorbehaviorname-behavior"},"children":[{"type":"element","tagName":"a","properties":{"href":"#g6registerbehaviorbehaviorname-behavior","aria-label":"g6registerbehaviorbehaviorname behavior permalink","class":"anchor"},"children":[{"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":"G6.registerBehavior(behaviorName, behavior)","position":{"start":{"line":124,"column":4,"offset":4022},"end":{"line":124,"column":47,"offset":4065}}}],"position":{"start":{"line":124,"column":1,"offset":4019},"end":{"line":124,"column":47,"offset":4065}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当内置的 Behavior 不能满足需求时，使用","position":{"start":{"line":126,"column":1,"offset":4067},"end":{"line":126,"column":25,"offset":4091}}},{"type":"raw","value":"<code class=\"language-text\">registerBehavior(behaviorName, behavior)</code>","position":{"start":{"line":126,"column":25,"offset":4091},"end":{"line":126,"column":67,"offset":4133}}},{"type":"text","value":"方法注册自定义的交互行为。","position":{"start":{"line":126,"column":67,"offset":4133},"end":{"line":126,"column":80,"offset":4146}}}],"position":{"start":{"line":126,"column":1,"offset":4067},"end":{"line":126,"column":80,"offset":4146}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"参数","position":{"start":{"line":128,"column":3,"offset":4150},"end":{"line":128,"column":5,"offset":4152}}}],"position":{"start":{"line":128,"column":1,"offset":4148},"end":{"line":128,"column":7,"offset":4154}}}],"position":{"start":{"line":128,"column":1,"offset":4148},"end":{"line":128,"column":7,"offset":4154}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"名称","position":{"start":{"line":130,"column":3,"offset":4158},"end":{"line":130,"column":5,"offset":4160}}}],"position":{"start":{"line":130,"column":3,"offset":4158},"end":{"line":130,"column":13,"offset":4168}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":130,"column":16,"offset":4171},"end":{"line":130,"column":18,"offset":4173}}}],"position":{"start":{"line":130,"column":16,"offset":4171},"end":{"line":130,"column":20,"offset":4175}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"是否必选","position":{"start":{"line":130,"column":23,"offset":4178},"end":{"line":130,"column":27,"offset":4182}}}],"position":{"start":{"line":130,"column":23,"offset":4178},"end":{"line":130,"column":27,"offset":4182}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"描述","position":{"start":{"line":130,"column":30,"offset":4185},"end":{"line":130,"column":32,"offset":4187}}}],"position":{"start":{"line":130,"column":30,"offset":4185},"end":{"line":130,"column":153,"offset":4308}}},{"type":"text","value":"\n"}],"position":{"start":{"line":130,"column":1,"offset":4156},"end":{"line":130,"column":155,"offset":4310}}},{"type":"text","value":"\n"}],"position":{"start":{"line":130,"column":1,"offset":4156},"end":{"line":130,"column":155,"offset":4310}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"behaviorName","position":{"start":{"line":132,"column":3,"offset":4478},"end":{"line":132,"column":15,"offset":4490}}}],"position":{"start":{"line":132,"column":3,"offset":4478},"end":{"line":132,"column":15,"offset":4490}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":132,"column":18,"offset":4493},"end":{"line":132,"column":24,"offset":4499}}}],"position":{"start":{"line":132,"column":18,"offset":4493},"end":{"line":132,"column":24,"offset":4499}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":132,"column":27,"offset":4502},"end":{"line":132,"column":31,"offset":4506}}}],"position":{"start":{"line":132,"column":27,"offset":4502},"end":{"line":132,"column":35,"offset":4510}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义 Behavior 的名称","position":{"start":{"line":132,"column":38,"offset":4513},"end":{"line":132,"column":54,"offset":4529}}}],"position":{"start":{"line":132,"column":38,"offset":4513},"end":{"line":132,"column":157,"offset":4632}}},{"type":"text","value":"\n"}],"position":{"start":{"line":132,"column":1,"offset":4476},"end":{"line":132,"column":159,"offset":4634}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"behavior","position":{"start":{"line":133,"column":3,"offset":4637},"end":{"line":133,"column":11,"offset":4645}}}],"position":{"start":{"line":133,"column":3,"offset":4637},"end":{"line":133,"column":15,"offset":4649}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"object","position":{"start":{"line":133,"column":18,"offset":4652},"end":{"line":133,"column":24,"offset":4658}}}],"position":{"start":{"line":133,"column":18,"offset":4652},"end":{"line":133,"column":24,"offset":4658}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":133,"column":27,"offset":4661},"end":{"line":133,"column":31,"offset":4665}}}],"position":{"start":{"line":133,"column":27,"offset":4661},"end":{"line":133,"column":35,"offset":4669}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义 behavior 时的配置项，配置项中包括的方法及作用具体请参考：","position":{"start":{"line":133,"column":38,"offset":4672},"end":{"line":133,"column":75,"offset":4709}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/behavior-api","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"Behavior 文档","position":{"start":{"line":133,"column":76,"offset":4710},"end":{"line":133,"column":87,"offset":4721}}}],"position":{"start":{"line":133,"column":75,"offset":4709},"end":{"line":133,"column":132,"offset":4766}}},{"type":"text","value":"。","position":{"start":{"line":133,"column":132,"offset":4766},"end":{"line":133,"column":133,"offset":4767}}}],"position":{"start":{"line":133,"column":38,"offset":4672},"end":{"line":133,"column":133,"offset":4767}}},{"type":"text","value":"\n"}],"position":{"start":{"line":133,"column":1,"offset":4635},"end":{"line":133,"column":135,"offset":4769}}},{"type":"text","value":"\n"}],"position":{"start":{"line":132,"column":1,"offset":4476},"end":{"line":133,"column":135,"offset":4769}}},{"type":"text","value":"\n"}],"position":{"start":{"line":130,"column":1,"offset":4156},"end":{"line":133,"column":135,"offset":4769}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"用法","position":{"start":{"line":135,"column":3,"offset":4773},"end":{"line":135,"column":5,"offset":4775}}}],"position":{"start":{"line":135,"column":1,"offset":4771},"end":{"line":135,"column":7,"offset":4777}}}],"position":{"start":{"line":135,"column":1,"offset":4771},"end":{"line":135,"column":7,"offset":4777}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token comment\">// 注册自定义Behavior</span>\n<span class=\"token constant\">G6</span><span class=\"token punctuation\">.</span><span class=\"token function\">registerBehavior</span><span class=\"token punctuation\">(</span><span class=\"token string\">'behaviorName'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// 设置事件及处理事件的回调之间的对应关系</span>\n <span class=\"token function\">getEvents</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">return</span> <span class=\"token punctuation\">{</span>\n <span class=\"token string\">'node:click'</span><span class=\"token punctuation\">:</span> <span class=\"token string\">'onClick'</span><span class=\"token punctuation\">,</span>\n mousemove<span class=\"token punctuation\">:</span> <span class=\"token string\">'onMousemove'</span><span class=\"token punctuation\">,</span>\n <span class=\"token string\">'edge:click'</span><span class=\"token punctuation\">:</span> <span class=\"token string\">'onEdgeClick'</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 处理node:click事件的回调\n * @override\n * @param {Object} evt 事件句柄\n */</span>\n <span class=\"token function\">onClick</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">evt</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">const</span> node <span class=\"token operator\">=</span> evt<span class=\"token punctuation\">.</span>item<span class=\"token punctuation\">;</span>\n <span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">.</span>graph<span class=\"token punctuation\">;</span>\n <span class=\"token keyword\">const</span> point <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span> x<span class=\"token punctuation\">:</span> evt<span class=\"token punctuation\">.</span>x<span class=\"token punctuation\">,</span> y<span class=\"token punctuation\">:</span> evt<span class=\"token punctuation\">.</span>y <span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n <span class=\"token keyword\">const</span> model <span class=\"token operator\">=</span> node<span class=\"token punctuation\">.</span><span class=\"token function\">getModel</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n <span class=\"token comment\">// TODO</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 处理mousemove事件的回调\n * @override\n * @param {Object} evt 事件句柄\n */</span>\n <span class=\"token function\">onMousemove</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">evt</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// TODO</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 处理:click事件的回调\n * @override\n * @param {Object} evt 事件句柄\n */</span>\n <span class=\"token function\">onEdgeClick</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">evt</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// TODO</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":137,"column":1,"offset":4779},"end":{"line":177,"column":4,"offset":5501}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"g6registerlayoutlayoutname-layout"},"children":[{"type":"element","tagName":"a","properties":{"href":"#g6registerlayoutlayoutname-layout","aria-label":"g6registerlayoutlayoutname layout permalink","class":"anchor"},"children":[{"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":"G6.registerLayout(layoutName, layout)","position":{"start":{"line":179,"column":4,"offset":5506},"end":{"line":179,"column":41,"offset":5543}}}],"position":{"start":{"line":179,"column":1,"offset":5503},"end":{"line":179,"column":41,"offset":5543}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"当内置布局不满足需求时，可以通过 ","position":{"start":{"line":181,"column":1,"offset":5545},"end":{"line":181,"column":18,"offset":5562}}},{"type":"raw","value":"<code class=\"language-text\">G6.registerLayout(layoutName, layout)</code>","position":{"start":{"line":181,"column":18,"offset":5562},"end":{"line":181,"column":57,"offset":5601}}},{"type":"text","value":" 方法自定义布局。","position":{"start":{"line":181,"column":57,"offset":5601},"end":{"line":181,"column":66,"offset":5610}}}],"position":{"start":{"line":181,"column":1,"offset":5545},"end":{"line":181,"column":66,"offset":5610}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"参数","position":{"start":{"line":183,"column":3,"offset":5614},"end":{"line":183,"column":5,"offset":5616}}}],"position":{"start":{"line":183,"column":1,"offset":5612},"end":{"line":183,"column":7,"offset":5618}}}],"position":{"start":{"line":183,"column":1,"offset":5612},"end":{"line":183,"column":7,"offset":5618}}},{"type":"text","value":"\n"},{"type":"element","tagName":"table","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"thead","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"名称","position":{"start":{"line":185,"column":3,"offset":5622},"end":{"line":185,"column":5,"offset":5624}}}],"position":{"start":{"line":185,"column":3,"offset":5622},"end":{"line":185,"column":11,"offset":5630}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":185,"column":14,"offset":5633},"end":{"line":185,"column":16,"offset":5635}}}],"position":{"start":{"line":185,"column":14,"offset":5633},"end":{"line":185,"column":18,"offset":5637}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"是否必选","position":{"start":{"line":185,"column":21,"offset":5640},"end":{"line":185,"column":25,"offset":5644}}}],"position":{"start":{"line":185,"column":21,"offset":5640},"end":{"line":185,"column":25,"offset":5644}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"描述","position":{"start":{"line":185,"column":28,"offset":5647},"end":{"line":185,"column":30,"offset":5649}}}],"position":{"start":{"line":185,"column":28,"offset":5647},"end":{"line":185,"column":135,"offset":5754}}},{"type":"text","value":"\n"}],"position":{"start":{"line":185,"column":1,"offset":5620},"end":{"line":185,"column":137,"offset":5756}}},{"type":"text","value":"\n"}],"position":{"start":{"line":185,"column":1,"offset":5620},"end":{"line":185,"column":137,"offset":5756}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tbody","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"layoutName","position":{"start":{"line":187,"column":3,"offset":5906},"end":{"line":187,"column":13,"offset":5916}}}],"position":{"start":{"line":187,"column":3,"offset":5906},"end":{"line":187,"column":13,"offset":5916}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"string","position":{"start":{"line":187,"column":16,"offset":5919},"end":{"line":187,"column":22,"offset":5925}}}],"position":{"start":{"line":187,"column":16,"offset":5919},"end":{"line":187,"column":22,"offset":5925}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":187,"column":25,"offset":5928},"end":{"line":187,"column":29,"offset":5932}}}],"position":{"start":{"line":187,"column":25,"offset":5928},"end":{"line":187,"column":33,"offset":5936}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义布局名称","position":{"start":{"line":187,"column":36,"offset":5939},"end":{"line":187,"column":43,"offset":5946}}}],"position":{"start":{"line":187,"column":36,"offset":5939},"end":{"line":187,"column":138,"offset":6041}}},{"type":"text","value":"\n"}],"position":{"start":{"line":187,"column":1,"offset":5904},"end":{"line":187,"column":140,"offset":6043}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"layout","position":{"start":{"line":188,"column":3,"offset":6046},"end":{"line":188,"column":9,"offset":6052}}}],"position":{"start":{"line":188,"column":3,"offset":6046},"end":{"line":188,"column":13,"offset":6056}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"object","position":{"start":{"line":188,"column":16,"offset":6059},"end":{"line":188,"column":22,"offset":6065}}}],"position":{"start":{"line":188,"column":16,"offset":6059},"end":{"line":188,"column":22,"offset":6065}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"true","position":{"start":{"line":188,"column":25,"offset":6068},"end":{"line":188,"column":29,"offset":6072}}}],"position":{"start":{"line":188,"column":25,"offset":6068},"end":{"line":188,"column":33,"offset":6076}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"自定义布局的配置项，配置项中包括的方法及作用具体请参考：","position":{"start":{"line":188,"column":36,"offset":6079},"end":{"line":188,"column":64,"offset":6107}}},{"type":"element","tagName":"a","properties":{"href":"https://www.yuque.com/antv/g6/agbmu2","target":"_self","rel":"nofollow"},"children":[{"type":"text","value":"Layout 文档","position":{"start":{"line":188,"column":65,"offset":6108},"end":{"line":188,"column":74,"offset":6117}}}],"position":{"start":{"line":188,"column":64,"offset":6107},"end":{"line":188,"column":113,"offset":6156}}},{"type":"text","value":"。","position":{"start":{"line":188,"column":113,"offset":6156},"end":{"line":188,"column":114,"offset":6157}}}],"position":{"start":{"line":188,"column":36,"offset":6079},"end":{"line":188,"column":114,"offset":6157}}},{"type":"text","value":"\n"}],"position":{"start":{"line":188,"column":1,"offset":6044},"end":{"line":188,"column":116,"offset":6159}}},{"type":"text","value":"\n"}],"position":{"start":{"line":187,"column":1,"offset":5904},"end":{"line":188,"column":116,"offset":6159}}},{"type":"text","value":"\n"}],"position":{"start":{"line":185,"column":1,"offset":5620},"end":{"line":188,"column":116,"offset":6159}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"用法","position":{"start":{"line":190,"column":3,"offset":6163},"end":{"line":190,"column":5,"offset":6165}}}],"position":{"start":{"line":190,"column":1,"offset":6161},"end":{"line":190,"column":7,"offset":6167}}}],"position":{"start":{"line":190,"column":1,"offset":6161},"end":{"line":190,"column":7,"offset":6167}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token constant\">G6</span><span class=\"token punctuation\">.</span><span class=\"token function\">registerLayout</span><span class=\"token punctuation\">(</span><span class=\"token string\">'layoutName'</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">/**\n * 定义自定义行为的默认参数，会与用户传入的参数进行合并\n */</span>\n <span class=\"token function\">getDefaultCfg</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">return</span> <span class=\"token punctuation\">{</span><span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 初始化\n * @param {object} data 数据\n */</span>\n <span class=\"token function\">init</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">data</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">const</span> self <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>nodes <span class=\"token operator\">=</span> data<span class=\"token punctuation\">.</span>nodes<span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>edges <span class=\"token operator\">=</span> data<span class=\"token punctuation\">.</span>edges<span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 执行布局\n */</span>\n <span class=\"token function\">execute</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// TODO</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 根据传入的数据进行布局\n * @param {object} data 数据\n */</span>\n <span class=\"token function\">layout</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">data</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">const</span> self <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span><span class=\"token function\">init</span><span class=\"token punctuation\">(</span>data<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span><span class=\"token function\">execute</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 更新布局配置，但不执行布局\n * @param {object} cfg 需要更新的配置项\n */</span>\n <span class=\"token function\">updateCfg</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">cfg</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">const</span> self <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">;</span>\n Util<span class=\"token punctuation\">.</span><span class=\"token function\">mix</span><span class=\"token punctuation\">(</span>self<span class=\"token punctuation\">,</span> cfg<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">/**\n * 销毁\n */</span>\n <span class=\"token function\">destroy</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n <span class=\"token keyword\">const</span> self <span class=\"token operator\">=</span> <span class=\"token keyword\">this</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>positions <span class=\"token operator\">=</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>nodes <span class=\"token operator\">=</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>edges <span class=\"token operator\">=</span> <span class=\"token keyword\">null</span><span class=\"token punctuation\">;</span>\n self<span class=\"token punctuation\">.</span>destroyed <span class=\"token operator\">=</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">;</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":192,"column":1,"offset":6169},"end":{"line":243,"column":4,"offset":6955}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":244,"column":1,"offset":6956}}}}