{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-de7955532e62a50e0d3cb7446a7c4e84-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"triangle"},"children":[{"type":"element","tagName":"a","properties":{"href":"#triangle","aria-label":"triangle 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":"Triangle","position":{"start":{"line":1,"column":4,"offset":3},"end":{"line":1,"column":12,"offset":11}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":1,"column":12,"offset":11}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"G6 内置了三角形 Triangle 节点，其默认样式如下。标签文本位于三角形下方。","position":{"start":{"line":3,"column":1,"offset":13},"end":{"line":3,"column":43,"offset":55}}},{"type":"raw","value":"<br />","position":{"start":{"line":3,"column":43,"offset":55},"end":{"line":3,"column":49,"offset":61}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570870797997-53bb1afa-6120-408f-90de-4fa89411eb75.png#align=left&display=inline&height=85&name=image.png&originHeight=170&originWidth=144&search=&size=11764&status=done&width=72","alt":"image.png"},"children":[],"position":{"start":{"line":3,"column":49,"offset":61},"end":{"line":3,"column":287,"offset":299}}}],"position":{"start":{"line":3,"column":1,"offset":13},"end":{"line":3,"column":287,"offset":299}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"使用方法"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95","aria-label":"使用方法 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":"使用方法","position":{"start":{"line":6,"column":4,"offset":305},"end":{"line":6,"column":8,"offset":309}}}],"position":{"start":{"line":6,"column":1,"offset":302},"end":{"line":6,"column":8,"offset":309}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如 ","position":{"start":{"line":7,"column":1,"offset":310},"end":{"line":7,"column":3,"offset":312}}},{"type":"element","tagName":"a","properties":{"href":"../defaultNode"},"children":[{"type":"text","value":"内置节点","position":{"start":{"line":7,"column":4,"offset":313},"end":{"line":7,"column":8,"offset":317}}}],"position":{"start":{"line":7,"column":3,"offset":312},"end":{"line":7,"column":25,"offset":334}}},{"type":"text","value":" 一节所示，配置节点的方式有两种：实例化图时全局配置，在数据中动态配置。","position":{"start":{"line":7,"column":25,"offset":334},"end":{"line":7,"column":61,"offset":370}}}],"position":{"start":{"line":7,"column":1,"offset":310},"end":{"line":7,"column":61,"offset":370}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"1-实例化图时全局配置"},"children":[{"type":"element","tagName":"a","properties":{"href":"#1-%E5%AE%9E%E4%BE%8B%E5%8C%96%E5%9B%BE%E6%97%B6%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE","aria-label":"1 实例化图时全局配置 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":"1 实例化图时全局配置","position":{"start":{"line":10,"column":5,"offset":377},"end":{"line":10,"column":16,"offset":388}}}],"position":{"start":{"line":10,"column":1,"offset":373},"end":{"line":10,"column":16,"offset":388}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"用户在实例化 Graph 时候可以通过 ","position":{"start":{"line":11,"column":1,"offset":389},"end":{"line":11,"column":21,"offset":409}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":11,"column":21,"offset":409},"end":{"line":11,"column":34,"offset":422}}},{"type":"text","value":" 指定 ","position":{"start":{"line":11,"column":34,"offset":422},"end":{"line":11,"column":38,"offset":426}}},{"type":"raw","value":"<code class=\"language-text\">shape</code>","position":{"start":{"line":11,"column":38,"offset":426},"end":{"line":11,"column":45,"offset":433}}},{"type":"text","value":" 为 ","position":{"start":{"line":11,"column":45,"offset":433},"end":{"line":11,"column":48,"offset":436}}},{"type":"raw","value":"<code class=\"language-text\">&#39;triangle&#39;</code>","position":{"start":{"line":11,"column":48,"offset":436},"end":{"line":11,"column":60,"offset":448}}},{"type":"text","value":"，即可使用 ","position":{"start":{"line":11,"column":60,"offset":448},"end":{"line":11,"column":66,"offset":454}}},{"type":"raw","value":"<code class=\"language-text\">triangle</code>","position":{"start":{"line":11,"column":66,"offset":454},"end":{"line":11,"column":76,"offset":464}}},{"type":"text","value":" 节点。","position":{"start":{"line":11,"column":76,"offset":464},"end":{"line":11,"column":80,"offset":468}}}],"position":{"start":{"line":11,"column":1,"offset":389},"end":{"line":11,"column":80,"offset":468}}},{"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 keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  container<span class=\"token punctuation\">:</span> <span class=\"token string\">'mountNode'</span><span class=\"token punctuation\">,</span>\n  width<span class=\"token punctuation\">:</span> <span class=\"token number\">800</span><span class=\"token punctuation\">,</span>\n  height<span class=\"token punctuation\">:</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'triangle'</span><span class=\"token punctuation\">,</span>\n    <span class=\"token comment\">// 其他配置</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":12,"column":1,"offset":469},"end":{"line":22,"column":4,"offset":629}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"2-在数据中动态配置"},"children":[{"type":"element","tagName":"a","properties":{"href":"#2-%E5%9C%A8%E6%95%B0%E6%8D%AE%E4%B8%AD%E5%8A%A8%E6%80%81%E9%85%8D%E7%BD%AE","aria-label":"2 在数据中动态配置 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":"2 在数据中动态配置","position":{"start":{"line":25,"column":5,"offset":636},"end":{"line":25,"column":15,"offset":646}}}],"position":{"start":{"line":25,"column":1,"offset":632},"end":{"line":25,"column":15,"offset":646}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如果需要使不同节点有不同的配置，可以将配置写入到节点数据中。这种配置方式可以通过下面代码的形式直接写入数据，也可以通过遍历数据的方式写入。","position":{"start":{"line":26,"column":1,"offset":647},"end":{"line":26,"column":70,"offset":716}}}],"position":{"start":{"line":26,"column":1,"offset":647},"end":{"line":26,"column":70,"offset":716}}},{"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 keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  nodes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n\t  id<span class=\"token punctuation\">:</span> <span class=\"token string\">'node0'</span><span class=\"token punctuation\">,</span>\n    shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'triangle'</span><span class=\"token punctuation\">,</span>\n    <span class=\"token operator\">...</span> <span class=\"token comment\">// 其他配置</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token operator\">...</span> <span class=\"token comment\">// 其他节点</span>\n  <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  edges<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n    <span class=\"token operator\">...</span> <span class=\"token comment\">// 边</span>\n  <span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span></code></pre></div>","position":{"start":{"line":27,"column":1,"offset":717},"end":{"line":40,"column":4,"offset":874}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"配置项说明"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E9%85%8D%E7%BD%AE%E9%A1%B9%E8%AF%B4%E6%98%8E","aria-label":"配置项说明 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":"配置项说明","position":{"start":{"line":43,"column":4,"offset":880},"end":{"line":43,"column":9,"offset":885}}}],"position":{"start":{"line":43,"column":1,"offset":877},"end":{"line":43,"column":9,"offset":885}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"triangle 节点支持以下的配置项：","position":{"start":{"line":44,"column":1,"offset":886},"end":{"line":44,"column":21,"offset":906}}}],"position":{"start":{"line":44,"column":1,"offset":886},"end":{"line":44,"column":21,"offset":906}}},{"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":46,"column":3,"offset":910},"end":{"line":46,"column":5,"offset":912}}}],"position":{"start":{"line":46,"column":3,"offset":910},"end":{"line":46,"column":5,"offset":912}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":46,"column":8,"offset":915},"end":{"line":46,"column":10,"offset":917}}}],"position":{"start":{"line":46,"column":8,"offset":915},"end":{"line":46,"column":10,"offset":917}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":46,"column":13,"offset":920},"end":{"line":46,"column":15,"offset":922}}}],"position":{"start":{"line":46,"column":13,"offset":920},"end":{"line":46,"column":15,"offset":922}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":46,"column":18,"offset":925},"end":{"line":46,"column":20,"offset":927}}}],"position":{"start":{"line":46,"column":18,"offset":925},"end":{"line":46,"column":20,"offset":927}}},{"type":"text","value":"\n"}],"position":{"start":{"line":46,"column":1,"offset":908},"end":{"line":46,"column":22,"offset":929}}},{"type":"text","value":"\n"}],"position":{"start":{"line":46,"column":1,"offset":908},"end":{"line":46,"column":22,"offset":929}}},{"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":"size","position":{"start":{"line":48,"column":3,"offset":958},"end":{"line":48,"column":7,"offset":962}}}],"position":{"start":{"line":48,"column":3,"offset":958},"end":{"line":48,"column":7,"offset":962}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"三角形的边长","position":{"start":{"line":48,"column":10,"offset":965},"end":{"line":48,"column":16,"offset":971}}}],"position":{"start":{"line":48,"column":10,"offset":965},"end":{"line":48,"column":16,"offset":971}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":48,"column":19,"offset":974},"end":{"line":48,"column":25,"offset":980}}}],"position":{"start":{"line":48,"column":19,"offset":974},"end":{"line":48,"column":25,"offset":980}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Array","position":{"start":{"line":48,"column":28,"offset":983},"end":{"line":48,"column":33,"offset":988}}}],"position":{"start":{"line":48,"column":28,"offset":983},"end":{"line":48,"column":33,"offset":988}}},{"type":"text","value":"\n"}],"position":{"start":{"line":48,"column":1,"offset":956},"end":{"line":48,"column":51,"offset":1006}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"direction","position":{"start":{"line":49,"column":5,"offset":1011},"end":{"line":49,"column":14,"offset":1020}}}],"position":{"start":{"line":49,"column":3,"offset":1009},"end":{"line":49,"column":16,"offset":1022}}}],"position":{"start":{"line":49,"column":3,"offset":1009},"end":{"line":49,"column":16,"offset":1022}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"三角形的方向","position":{"start":{"line":49,"column":21,"offset":1027},"end":{"line":49,"column":27,"offset":1033}}}],"position":{"start":{"line":49,"column":19,"offset":1025},"end":{"line":49,"column":29,"offset":1035}}}],"position":{"start":{"line":49,"column":19,"offset":1025},"end":{"line":49,"column":29,"offset":1035}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"String","position":{"start":{"line":49,"column":34,"offset":1040},"end":{"line":49,"column":40,"offset":1046}}}],"position":{"start":{"line":49,"column":32,"offset":1038},"end":{"line":49,"column":42,"offset":1048}}}],"position":{"start":{"line":49,"column":32,"offset":1038},"end":{"line":49,"column":42,"offset":1048}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"可取值：up、down、left、right，默认为up。","position":{"start":{"line":49,"column":47,"offset":1053},"end":{"line":49,"column":76,"offset":1082}}}],"position":{"start":{"line":49,"column":45,"offset":1051},"end":{"line":49,"column":78,"offset":1084}}}],"position":{"start":{"line":49,"column":45,"offset":1051},"end":{"line":49,"column":78,"offset":1084}}},{"type":"text","value":"\n"}],"position":{"start":{"line":49,"column":1,"offset":1007},"end":{"line":49,"column":80,"offset":1086}}},{"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":"style","position":{"start":{"line":50,"column":3,"offset":1089},"end":{"line":50,"column":8,"offset":1094}}}],"position":{"start":{"line":50,"column":3,"offset":1089},"end":{"line":50,"column":8,"offset":1094}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"三角形默认样式","position":{"start":{"line":50,"column":11,"offset":1097},"end":{"line":50,"column":18,"offset":1104}}}],"position":{"start":{"line":50,"column":11,"offset":1097},"end":{"line":50,"column":18,"offset":1104}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":50,"column":21,"offset":1107},"end":{"line":50,"column":27,"offset":1113}}}],"position":{"start":{"line":50,"column":21,"offset":1107},"end":{"line":50,"column":27,"offset":1113}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Canvas支持的属性","position":{"start":{"line":50,"column":30,"offset":1116},"end":{"line":50,"column":41,"offset":1127}}}],"position":{"start":{"line":50,"column":30,"offset":1116},"end":{"line":50,"column":41,"offset":1127}}},{"type":"text","value":"\n"}],"position":{"start":{"line":50,"column":1,"offset":1087},"end":{"line":50,"column":43,"offset":1129}}},{"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":"labelCfg","position":{"start":{"line":51,"column":3,"offset":1132},"end":{"line":51,"column":11,"offset":1140}}}],"position":{"start":{"line":51,"column":3,"offset":1132},"end":{"line":51,"column":11,"offset":1140}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"文件配置项","position":{"start":{"line":51,"column":14,"offset":1143},"end":{"line":51,"column":19,"offset":1148}}}],"position":{"start":{"line":51,"column":14,"offset":1143},"end":{"line":51,"column":19,"offset":1148}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":51,"column":22,"offset":1151},"end":{"line":51,"column":28,"offset":1157}}}],"position":{"start":{"line":51,"column":22,"offset":1151},"end":{"line":51,"column":28,"offset":1157}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":51,"column":32,"offset":1161},"end":{"line":51,"column":32,"offset":1161}}},{"type":"text","value":"\n"}],"position":{"start":{"line":51,"column":1,"offset":1130},"end":{"line":51,"column":33,"offset":1162}}},{"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":"stateStyles","position":{"start":{"line":52,"column":3,"offset":1165},"end":{"line":52,"column":14,"offset":1176}}}],"position":{"start":{"line":52,"column":3,"offset":1165},"end":{"line":52,"column":14,"offset":1176}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"各状态下的样式","position":{"start":{"line":52,"column":17,"offset":1179},"end":{"line":52,"column":24,"offset":1186}}}],"position":{"start":{"line":52,"column":17,"offset":1179},"end":{"line":52,"column":24,"offset":1186}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":52,"column":27,"offset":1189},"end":{"line":52,"column":33,"offset":1195}}}],"position":{"start":{"line":52,"column":27,"offset":1189},"end":{"line":52,"column":33,"offset":1195}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"只对keyShape起作用","position":{"start":{"line":52,"column":36,"offset":1198},"end":{"line":52,"column":49,"offset":1211}}}],"position":{"start":{"line":52,"column":36,"offset":1198},"end":{"line":52,"column":49,"offset":1211}}},{"type":"text","value":"\n"}],"position":{"start":{"line":52,"column":1,"offset":1163},"end":{"line":52,"column":51,"offset":1213}}},{"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":"linkPoints","position":{"start":{"line":53,"column":3,"offset":1216},"end":{"line":53,"column":13,"offset":1226}}}],"position":{"start":{"line":53,"column":3,"offset":1216},"end":{"line":53,"column":13,"offset":1226}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"三角形上的链接点","position":{"start":{"line":53,"column":16,"offset":1229},"end":{"line":53,"column":24,"offset":1237}}}],"position":{"start":{"line":53,"column":16,"offset":1229},"end":{"line":53,"column":24,"offset":1237}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":53,"column":27,"offset":1240},"end":{"line":53,"column":33,"offset":1246}}}],"position":{"start":{"line":53,"column":27,"offset":1240},"end":{"line":53,"column":33,"offset":1246}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示","position":{"start":{"line":53,"column":36,"offset":1249},"end":{"line":53,"column":41,"offset":1254}}}],"position":{"start":{"line":53,"column":36,"offset":1249},"end":{"line":53,"column":41,"offset":1254}}},{"type":"text","value":"\n"}],"position":{"start":{"line":53,"column":1,"offset":1214},"end":{"line":53,"column":43,"offset":1256}}},{"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":"icon","position":{"start":{"line":54,"column":3,"offset":1259},"end":{"line":54,"column":7,"offset":1263}}}],"position":{"start":{"line":54,"column":3,"offset":1259},"end":{"line":54,"column":7,"offset":1263}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"三角形上icon配置","position":{"start":{"line":54,"column":10,"offset":1266},"end":{"line":54,"column":20,"offset":1276}}}],"position":{"start":{"line":54,"column":10,"offset":1266},"end":{"line":54,"column":20,"offset":1276}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":54,"column":23,"offset":1279},"end":{"line":54,"column":29,"offset":1285}}}],"position":{"start":{"line":54,"column":23,"offset":1279},"end":{"line":54,"column":29,"offset":1285}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示icon","position":{"start":{"line":54,"column":32,"offset":1288},"end":{"line":54,"column":41,"offset":1297}}}],"position":{"start":{"line":54,"column":32,"offset":1288},"end":{"line":54,"column":41,"offset":1297}}},{"type":"text","value":"\n"}],"position":{"start":{"line":54,"column":1,"offset":1257},"end":{"line":54,"column":43,"offset":1299}}},{"type":"text","value":"\n"}],"position":{"start":{"line":48,"column":1,"offset":956},"end":{"line":54,"column":43,"offset":1299}}},{"type":"text","value":"\n"}],"position":{"start":{"line":46,"column":1,"offset":908},"end":{"line":54,"column":43,"offset":1299}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"三角形方向-direction"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E4%B8%89%E8%A7%92%E5%BD%A2%E6%96%B9%E5%90%91-direction","aria-label":"三角形方向 direction 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":"三角形方向 direction","position":{"start":{"line":58,"column":5,"offset":1307},"end":{"line":58,"column":20,"offset":1322}}}],"position":{"start":{"line":58,"column":1,"offset":1303},"end":{"line":58,"column":20,"offset":1322}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"String 类型。可取值有：","position":{"start":{"line":59,"column":1,"offset":1323},"end":{"line":59,"column":16,"offset":1338}}},{"type":"raw","value":"<code class=\"language-text\">&#39;``up&#39;</code>","position":{"start":{"line":59,"column":16,"offset":1338},"end":{"line":59,"column":24,"offset":1346}}},{"type":"text","value":"、","position":{"start":{"line":59,"column":24,"offset":1346},"end":{"line":59,"column":25,"offset":1347}}},{"type":"raw","value":"<code class=\"language-text\">&#39;down&#39;</code>","position":{"start":{"line":59,"column":25,"offset":1347},"end":{"line":59,"column":33,"offset":1355}}},{"type":"text","value":"、","position":{"start":{"line":59,"column":33,"offset":1355},"end":{"line":59,"column":34,"offset":1356}}},{"type":"raw","value":"<code class=\"language-text\">&#39;left&#39;</code>","position":{"start":{"line":59,"column":34,"offset":1356},"end":{"line":59,"column":42,"offset":1364}}},{"type":"text","value":"、","position":{"start":{"line":59,"column":42,"offset":1364},"end":{"line":59,"column":43,"offset":1365}}},{"type":"raw","value":"<code class=\"language-text\">&#39;right&#39;</code>","position":{"start":{"line":59,"column":43,"offset":1365},"end":{"line":59,"column":52,"offset":1374}}},{"type":"text","value":"。默认为 ","position":{"start":{"line":59,"column":52,"offset":1374},"end":{"line":59,"column":57,"offset":1379}}},{"type":"raw","value":"<code class=\"language-text\">&#39;``up&#39;</code>","position":{"start":{"line":59,"column":57,"offset":1379},"end":{"line":59,"column":65,"offset":1387}}},{"type":"text","value":"。通过设置 ","position":{"start":{"line":59,"column":65,"offset":1387},"end":{"line":59,"column":71,"offset":1393}}},{"type":"raw","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":59,"column":71,"offset":1393},"end":{"line":59,"column":82,"offset":1404}}},{"type":"text","value":"，可以修改三角形的方向。下面代码演示在实例化图时全局配置方法中配置 ","position":{"start":{"line":59,"column":82,"offset":1404},"end":{"line":59,"column":116,"offset":1438}}},{"type":"raw","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":59,"column":116,"offset":1438},"end":{"line":59,"column":127,"offset":1449}}},{"type":"text","value":"。","position":{"start":{"line":59,"column":127,"offset":1449},"end":{"line":59,"column":128,"offset":1450}}}],"position":{"start":{"line":59,"column":1,"offset":1323},"end":{"line":59,"column":128,"offset":1450}}},{"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 keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  container<span class=\"token punctuation\">:</span> <span class=\"token string\">'mountNode'</span><span class=\"token punctuation\">,</span>\n  width<span class=\"token punctuation\">:</span> <span class=\"token number\">800</span><span class=\"token punctuation\">,</span>\n  height<span class=\"token punctuation\">:</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'triangle'</span><span class=\"token punctuation\">,</span>\n    direction<span class=\"token punctuation\">:</span> <span class=\"token string\">'down'</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":60,"column":1,"offset":1451},"end":{"line":70,"column":4,"offset":1621}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570870797997-53bb1afa-6120-408f-90de-4fa89411eb75.png#align=left&display=inline&height=85&name=image.png&originHeight=170&originWidth=144&search=&size=11764&status=done&width=72","alt":"image.png"},"children":[],"position":{"start":{"line":71,"column":1,"offset":1622},"end":{"line":71,"column":239,"offset":1860}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570870934266-10d81c4c-07d1-4ddc-ac79-a9f75b6361fa.png#align=left&display=inline&height=85&name=image.png&originHeight=170&originWidth=158&search=&size=12939&status=done&width=79","alt":"image.png"},"children":[],"position":{"start":{"line":71,"column":239,"offset":1860},"end":{"line":71,"column":477,"offset":2098}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570870968309-bc30a7eb-6654-4f63-bdb5-5be1c2b35f50.png#align=left&display=inline&height=79&name=image.png&originHeight=158&originWidth=150&search=&size=12127&status=done&width=75","alt":"image.png"},"children":[],"position":{"start":{"line":71,"column":477,"offset":2098},"end":{"line":71,"column":715,"offset":2336}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570870977602-fad049ab-5a92-4958-8713-277a574acc92.png#align=left&display=inline&height=77&name=image.png&originHeight=154&originWidth=140&search=&size=11137&status=done&width=70","alt":"image.png"},"children":[],"position":{"start":{"line":71,"column":715,"offset":2336},"end":{"line":71,"column":953,"offset":2574}}}],"position":{"start":{"line":71,"column":1,"offset":1622},"end":{"line":71,"column":953,"offset":2574}}},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"上图分别是将 ","position":{"start":{"line":72,"column":3,"offset":2577},"end":{"line":72,"column":10,"offset":2584}}},{"type":"raw","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":72,"column":10,"offset":2584},"end":{"line":72,"column":21,"offset":2595}}},{"type":"text","value":" 配置为 ","position":{"start":{"line":72,"column":21,"offset":2595},"end":{"line":72,"column":26,"offset":2600}}},{"type":"raw","value":"<code class=\"language-text\">&#39;up&#39;</code>","position":{"start":{"line":72,"column":26,"offset":2600},"end":{"line":72,"column":32,"offset":2606}}},{"type":"text","value":"，","position":{"start":{"line":72,"column":32,"offset":2606},"end":{"line":72,"column":33,"offset":2607}}},{"type":"raw","value":"<code class=\"language-text\">&#39;down&#39;</code>","position":{"start":{"line":72,"column":33,"offset":2607},"end":{"line":72,"column":41,"offset":2615}}},{"type":"text","value":"，","position":{"start":{"line":72,"column":41,"offset":2615},"end":{"line":72,"column":42,"offset":2616}}},{"type":"raw","value":"<code class=\"language-text\">&#39;left&#39;</code>","position":{"start":{"line":72,"column":42,"offset":2616},"end":{"line":72,"column":50,"offset":2624}}},{"type":"text","value":"，","position":{"start":{"line":72,"column":50,"offset":2624},"end":{"line":72,"column":51,"offset":2625}}},{"type":"raw","value":"<code class=\"language-text\">&#39;right&#39;</code>","position":{"start":{"line":72,"column":51,"offset":2625},"end":{"line":72,"column":60,"offset":2634}}},{"type":"text","value":" 的结果","position":{"start":{"line":72,"column":60,"offset":2634},"end":{"line":72,"column":64,"offset":2638}}}],"position":{"start":{"line":72,"column":3,"offset":2577},"end":{"line":72,"column":64,"offset":2638}}},{"type":"text","value":"\n"}],"position":{"start":{"line":72,"column":1,"offset":2575},"end":{"line":72,"column":64,"offset":2638}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"样式属性-style"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%B7%E5%BC%8F%E5%B1%9E%E6%80%A7-style","aria-label":"样式属性 style 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":"样式属性 style","position":{"start":{"line":76,"column":5,"offset":2646},"end":{"line":76,"column":15,"offset":2656}}}],"position":{"start":{"line":76,"column":1,"offset":2642},"end":{"line":76,"column":15,"offset":2656}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":77,"column":1,"offset":2657},"end":{"line":77,"column":14,"offset":2670}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":77,"column":14,"offset":2670},"end":{"line":77,"column":21,"offset":2677}}},{"type":"text","value":" 配置来修改节点的填充色、描边等属性。下面代码演示在实例化图时全局配置方法中配置 ","position":{"start":{"line":77,"column":21,"offset":2677},"end":{"line":77,"column":62,"offset":2718}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":77,"column":62,"offset":2718},"end":{"line":77,"column":69,"offset":2725}}},{"type":"text","value":"，使之达到如下图效果。","position":{"start":{"line":77,"column":69,"offset":2725},"end":{"line":77,"column":80,"offset":2736}}},{"type":"raw","value":"<br />","position":{"start":{"line":77,"column":80,"offset":2736},"end":{"line":77,"column":86,"offset":2742}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871036215-2d94e3ef-f9d9-42c0-8073-5b95789903ad.png#align=left&display=inline&height=83&name=image.png&originHeight=166&originWidth=138&search=&size=16513&status=done&width=69","alt":"image.png"},"children":[],"position":{"start":{"line":77,"column":86,"offset":2742},"end":{"line":77,"column":324,"offset":2980}}}],"position":{"start":{"line":77,"column":1,"offset":2657},"end":{"line":77,"column":324,"offset":2980}}},{"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 keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  nodes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n    <span class=\"token punctuation\">{</span>\n      x<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n      y<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n      shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'triangle'</span><span class=\"token punctuation\">,</span>\n      label<span class=\"token punctuation\">:</span> <span class=\"token string\">'triangle'</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 punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  container<span class=\"token punctuation\">:</span> <span class=\"token string\">'mountNode'</span><span class=\"token punctuation\">,</span>\n  width<span class=\"token punctuation\">:</span> <span class=\"token number\">800</span><span class=\"token punctuation\">,</span>\n  height<span class=\"token punctuation\">:</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">// shape: 'triangle',// 在数据中已经指定 shape，这里无需再次指定</span>\n    direction<span class=\"token punctuation\">:</span> <span class=\"token string\">'up'</span><span class=\"token punctuation\">,</span>\n    size<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n    style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#bae637'</span><span class=\"token punctuation\">,</span>\n      stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#eaff8f'</span><span class=\"token punctuation\">,</span>\n      lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">5</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 punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">data</span><span class=\"token punctuation\">(</span>data<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">render</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":78,"column":1,"offset":2981},"end":{"line":104,"column":4,"offset":3418}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"标签文本配置-labelcfg"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%87%E7%AD%BE%E6%96%87%E6%9C%AC%E9%85%8D%E7%BD%AE-labelcfg","aria-label":"标签文本配置 labelcfg 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":"标签文本配置 labelCfg","position":{"start":{"line":107,"column":5,"offset":3425},"end":{"line":107,"column":20,"offset":3440}}}],"position":{"start":{"line":107,"column":1,"offset":3421},"end":{"line":107,"column":20,"offset":3440}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":108,"column":1,"offset":3441},"end":{"line":108,"column":14,"offset":3454}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":108,"column":14,"offset":3454},"end":{"line":108,"column":24,"offset":3464}}},{"type":"text","value":" 配置标签文本。基于上面 ","position":{"start":{"line":108,"column":24,"offset":3464},"end":{"line":108,"column":37,"offset":3477}}},{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%B7%E5%BC%8F%E5%B1%9E%E6%80%A7-style"},"children":[{"type":"text","value":"样式属性 style","position":{"start":{"line":108,"column":38,"offset":3478},"end":{"line":108,"column":48,"offset":3488}}}],"position":{"start":{"line":108,"column":37,"offset":3477},"end":{"line":108,"column":62,"offset":3502}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":108,"column":62,"offset":3502},"end":{"line":108,"column":74,"offset":3514}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":108,"column":74,"offset":3514},"end":{"line":108,"column":87,"offset":3527}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":108,"column":87,"offset":3527},"end":{"line":108,"column":93,"offset":3533}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":108,"column":93,"offset":3533},"end":{"line":108,"column":103,"offset":3543}}},{"type":"text","value":" 配置项进行文本的配置，使之达到如下图效果。","position":{"start":{"line":108,"column":103,"offset":3543},"end":{"line":108,"column":125,"offset":3565}}},{"type":"raw","value":"<br />","position":{"start":{"line":108,"column":125,"offset":3565},"end":{"line":108,"column":131,"offset":3571}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871169722-1012d863-0f4c-410d-985d-93028323a7af.png#align=left&display=inline&height=77&name=image.png&originHeight=154&originWidth=156&search=&size=19178&status=done&width=78","alt":"image.png"},"children":[],"position":{"start":{"line":108,"column":131,"offset":3571},"end":{"line":108,"column":369,"offset":3809}}}],"position":{"start":{"line":108,"column":1,"offset":3441},"end":{"line":108,"column":369,"offset":3809}}},{"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 keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... 图的其他属性</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">// ... 节点其他属性</span>\n    labelCfg<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      position<span class=\"token punctuation\">:</span> <span class=\"token string\">'center'</span><span class=\"token punctuation\">,</span>\n      style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#9254de'</span><span class=\"token punctuation\">,</span>\n        fontSize<span class=\"token punctuation\">:</span> <span class=\"token number\">18</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 punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ...</span>\n</code></pre></div>","position":{"start":{"line":109,"column":1,"offset":3810},"end":{"line":127,"column":4,"offset":4074}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"边的连入点-linkpoints"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E8%BE%B9%E7%9A%84%E8%BF%9E%E5%85%A5%E7%82%B9-linkpoints","aria-label":"边的连入点 linkpoints 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":"边的连入点 linkPoints","position":{"start":{"line":130,"column":5,"offset":4081},"end":{"line":130,"column":21,"offset":4097}}}],"position":{"start":{"line":130,"column":1,"offset":4077},"end":{"line":130,"column":21,"offset":4097}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过配置 ","position":{"start":{"line":131,"column":1,"offset":4098},"end":{"line":131,"column":16,"offset":4113}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":131,"column":16,"offset":4113},"end":{"line":131,"column":28,"offset":4125}}},{"type":"text","value":" ，可以指定圆周围「上、下、左、右」四个方向上边的连入点。","position":{"start":{"line":131,"column":28,"offset":4125},"end":{"line":131,"column":57,"offset":4154}}},{"type":"raw","value":"<br />","position":{"start":{"line":131,"column":57,"offset":4154},"end":{"line":131,"column":63,"offset":4160}}},{"type":"text","value":"说明 虽然每个三角形只有三个顶点，但不同方向的三角形顶点位置不同。","position":{"start":{"line":131,"column":63,"offset":4160},"end":{"line":131,"column":96,"offset":4193}}}],"position":{"start":{"line":131,"column":1,"offset":4098},"end":{"line":131,"column":96,"offset":4193}}},{"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":133,"column":3,"offset":4197},"end":{"line":133,"column":5,"offset":4199}}}],"position":{"start":{"line":133,"column":3,"offset":4197},"end":{"line":133,"column":5,"offset":4199}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":133,"column":8,"offset":4202},"end":{"line":133,"column":10,"offset":4204}}}],"position":{"start":{"line":133,"column":8,"offset":4202},"end":{"line":133,"column":10,"offset":4204}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":133,"column":13,"offset":4207},"end":{"line":133,"column":15,"offset":4209}}}],"position":{"start":{"line":133,"column":13,"offset":4207},"end":{"line":133,"column":15,"offset":4209}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":133,"column":18,"offset":4212},"end":{"line":133,"column":20,"offset":4214}}}],"position":{"start":{"line":133,"column":18,"offset":4212},"end":{"line":133,"column":20,"offset":4214}}},{"type":"text","value":"\n"}],"position":{"start":{"line":133,"column":1,"offset":4195},"end":{"line":133,"column":22,"offset":4216}}},{"type":"text","value":"\n"}],"position":{"start":{"line":133,"column":1,"offset":4195},"end":{"line":133,"column":22,"offset":4216}}},{"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":"top","position":{"start":{"line":135,"column":3,"offset":4245},"end":{"line":135,"column":6,"offset":4248}}}],"position":{"start":{"line":135,"column":3,"offset":4245},"end":{"line":135,"column":6,"offset":4248}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示上部的连接点","position":{"start":{"line":135,"column":9,"offset":4251},"end":{"line":135,"column":19,"offset":4261}}}],"position":{"start":{"line":135,"column":9,"offset":4251},"end":{"line":135,"column":19,"offset":4261}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":135,"column":22,"offset":4264},"end":{"line":135,"column":29,"offset":4271}}}],"position":{"start":{"line":135,"column":22,"offset":4264},"end":{"line":135,"column":29,"offset":4271}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为false","position":{"start":{"line":135,"column":32,"offset":4274},"end":{"line":135,"column":40,"offset":4282}}}],"position":{"start":{"line":135,"column":32,"offset":4274},"end":{"line":135,"column":40,"offset":4282}}},{"type":"text","value":"\n"}],"position":{"start":{"line":135,"column":1,"offset":4243},"end":{"line":135,"column":42,"offset":4284}}},{"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":"bottom","position":{"start":{"line":136,"column":3,"offset":4287},"end":{"line":136,"column":9,"offset":4293}}}],"position":{"start":{"line":136,"column":3,"offset":4287},"end":{"line":136,"column":9,"offset":4293}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示底部的连接点","position":{"start":{"line":136,"column":12,"offset":4296},"end":{"line":136,"column":22,"offset":4306}}}],"position":{"start":{"line":136,"column":12,"offset":4296},"end":{"line":136,"column":22,"offset":4306}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":136,"column":25,"offset":4309},"end":{"line":136,"column":32,"offset":4316}}}],"position":{"start":{"line":136,"column":25,"offset":4309},"end":{"line":136,"column":32,"offset":4316}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为false","position":{"start":{"line":136,"column":35,"offset":4319},"end":{"line":136,"column":43,"offset":4327}}}],"position":{"start":{"line":136,"column":35,"offset":4319},"end":{"line":136,"column":43,"offset":4327}}},{"type":"text","value":"\n"}],"position":{"start":{"line":136,"column":1,"offset":4285},"end":{"line":136,"column":45,"offset":4329}}},{"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":"left","position":{"start":{"line":137,"column":3,"offset":4332},"end":{"line":137,"column":7,"offset":4336}}}],"position":{"start":{"line":137,"column":3,"offset":4332},"end":{"line":137,"column":7,"offset":4336}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示左侧的连接点","position":{"start":{"line":137,"column":10,"offset":4339},"end":{"line":137,"column":20,"offset":4349}}}],"position":{"start":{"line":137,"column":10,"offset":4339},"end":{"line":137,"column":20,"offset":4349}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":137,"column":23,"offset":4352},"end":{"line":137,"column":30,"offset":4359}}}],"position":{"start":{"line":137,"column":23,"offset":4352},"end":{"line":137,"column":30,"offset":4359}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为false","position":{"start":{"line":137,"column":33,"offset":4362},"end":{"line":137,"column":41,"offset":4370}}}],"position":{"start":{"line":137,"column":33,"offset":4362},"end":{"line":137,"column":41,"offset":4370}}},{"type":"text","value":"\n"}],"position":{"start":{"line":137,"column":1,"offset":4330},"end":{"line":137,"column":43,"offset":4372}}},{"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":"right","position":{"start":{"line":138,"column":3,"offset":4375},"end":{"line":138,"column":8,"offset":4380}}}],"position":{"start":{"line":138,"column":3,"offset":4375},"end":{"line":138,"column":8,"offset":4380}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示右侧的连接点","position":{"start":{"line":138,"column":11,"offset":4383},"end":{"line":138,"column":21,"offset":4393}}}],"position":{"start":{"line":138,"column":11,"offset":4383},"end":{"line":138,"column":21,"offset":4393}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":138,"column":24,"offset":4396},"end":{"line":138,"column":31,"offset":4403}}}],"position":{"start":{"line":138,"column":24,"offset":4396},"end":{"line":138,"column":31,"offset":4403}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为false","position":{"start":{"line":138,"column":34,"offset":4406},"end":{"line":138,"column":42,"offset":4414}}}],"position":{"start":{"line":138,"column":34,"offset":4406},"end":{"line":138,"column":42,"offset":4414}}},{"type":"text","value":"\n"}],"position":{"start":{"line":138,"column":1,"offset":4373},"end":{"line":138,"column":44,"offset":4416}}},{"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":"size","position":{"start":{"line":139,"column":3,"offset":4419},"end":{"line":139,"column":7,"offset":4423}}}],"position":{"start":{"line":139,"column":3,"offset":4419},"end":{"line":139,"column":7,"offset":4423}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的大小","position":{"start":{"line":139,"column":10,"offset":4426},"end":{"line":139,"column":16,"offset":4432}}}],"position":{"start":{"line":139,"column":10,"offset":4426},"end":{"line":139,"column":16,"offset":4432}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":139,"column":19,"offset":4435},"end":{"line":139,"column":25,"offset":4441}}}],"position":{"start":{"line":139,"column":19,"offset":4435},"end":{"line":139,"column":25,"offset":4441}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为3","position":{"start":{"line":139,"column":28,"offset":4444},"end":{"line":139,"column":32,"offset":4448}}}],"position":{"start":{"line":139,"column":28,"offset":4444},"end":{"line":139,"column":32,"offset":4448}}},{"type":"text","value":"\n"}],"position":{"start":{"line":139,"column":1,"offset":4417},"end":{"line":139,"column":34,"offset":4450}}},{"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":"fill","position":{"start":{"line":140,"column":3,"offset":4453},"end":{"line":140,"column":7,"offset":4457}}}],"position":{"start":{"line":140,"column":3,"offset":4453},"end":{"line":140,"column":7,"offset":4457}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的填充色","position":{"start":{"line":140,"column":10,"offset":4460},"end":{"line":140,"column":17,"offset":4467}}}],"position":{"start":{"line":140,"column":10,"offset":4460},"end":{"line":140,"column":17,"offset":4467}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":140,"column":20,"offset":4470},"end":{"line":140,"column":26,"offset":4476}}}],"position":{"start":{"line":140,"column":20,"offset":4470},"end":{"line":140,"column":26,"offset":4476}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为#72CC4A","position":{"start":{"line":140,"column":29,"offset":4479},"end":{"line":140,"column":39,"offset":4489}}}],"position":{"start":{"line":140,"column":29,"offset":4479},"end":{"line":140,"column":39,"offset":4489}}},{"type":"text","value":"\n"}],"position":{"start":{"line":140,"column":1,"offset":4451},"end":{"line":140,"column":41,"offset":4491}}},{"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":"stroke","position":{"start":{"line":141,"column":3,"offset":4494},"end":{"line":141,"column":9,"offset":4500}}}],"position":{"start":{"line":141,"column":3,"offset":4494},"end":{"line":141,"column":9,"offset":4500}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的边框颜色","position":{"start":{"line":141,"column":12,"offset":4503},"end":{"line":141,"column":20,"offset":4511}}}],"position":{"start":{"line":141,"column":12,"offset":4503},"end":{"line":141,"column":20,"offset":4511}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":141,"column":23,"offset":4514},"end":{"line":141,"column":29,"offset":4520}}}],"position":{"start":{"line":141,"column":23,"offset":4514},"end":{"line":141,"column":29,"offset":4520}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为#72CC4A","position":{"start":{"line":141,"column":32,"offset":4523},"end":{"line":141,"column":42,"offset":4533}}}],"position":{"start":{"line":141,"column":32,"offset":4523},"end":{"line":141,"column":42,"offset":4533}}},{"type":"text","value":"\n"}],"position":{"start":{"line":141,"column":1,"offset":4492},"end":{"line":141,"column":44,"offset":4535}}},{"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":"lineWidth","position":{"start":{"line":142,"column":3,"offset":4538},"end":{"line":142,"column":12,"offset":4547}}}],"position":{"start":{"line":142,"column":3,"offset":4538},"end":{"line":142,"column":12,"offset":4547}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点边框的宽度","position":{"start":{"line":142,"column":15,"offset":4550},"end":{"line":142,"column":23,"offset":4558}}}],"position":{"start":{"line":142,"column":15,"offset":4550},"end":{"line":142,"column":23,"offset":4558}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":142,"column":26,"offset":4561},"end":{"line":142,"column":32,"offset":4567}}}],"position":{"start":{"line":142,"column":26,"offset":4561},"end":{"line":142,"column":32,"offset":4567}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为1","position":{"start":{"line":142,"column":35,"offset":4570},"end":{"line":142,"column":39,"offset":4574}}}],"position":{"start":{"line":142,"column":35,"offset":4570},"end":{"line":142,"column":39,"offset":4574}}},{"type":"text","value":"\n"}],"position":{"start":{"line":142,"column":1,"offset":4536},"end":{"line":142,"column":41,"offset":4576}}},{"type":"text","value":"\n"}],"position":{"start":{"line":135,"column":1,"offset":4243},"end":{"line":142,"column":41,"offset":4576}}},{"type":"text","value":"\n"}],"position":{"start":{"line":133,"column":1,"offset":4195},"end":{"line":142,"column":41,"offset":4576}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":145,"column":1,"offset":4579},"end":{"line":145,"column":6,"offset":4584}}},{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%B7%E5%BC%8F%E5%B1%9E%E6%80%A7-style"},"children":[{"type":"text","value":"样式属性 style","position":{"start":{"line":145,"column":7,"offset":4585},"end":{"line":145,"column":17,"offset":4595}}}],"position":{"start":{"line":145,"column":6,"offset":4584},"end":{"line":145,"column":31,"offset":4609}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":145,"column":31,"offset":4609},"end":{"line":145,"column":43,"offset":4621}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":145,"column":43,"offset":4621},"end":{"line":145,"column":56,"offset":4634}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":145,"column":56,"offset":4634},"end":{"line":145,"column":62,"offset":4640}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":145,"column":62,"offset":4640},"end":{"line":145,"column":74,"offset":4652}}},{"type":"text","value":" 配置项进行连入点的配置，使之达到如下图效果。","position":{"start":{"line":145,"column":74,"offset":4652},"end":{"line":145,"column":97,"offset":4675}}},{"type":"raw","value":"<br />","position":{"start":{"line":145,"column":97,"offset":4675},"end":{"line":145,"column":103,"offset":4681}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871231609-9b1c4380-8e6a-4a63-8982-de8dcca6a4ee.png#align=left&display=inline&height=83&name=image.png&originHeight=166&originWidth=152&search=&size=20771&status=done&width=76","alt":"image.png"},"children":[],"position":{"start":{"line":145,"column":103,"offset":4681},"end":{"line":145,"column":341,"offset":4919}}}],"position":{"start":{"line":145,"column":1,"offset":4579},"end":{"line":145,"column":341,"offset":4919}}},{"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 keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... 图的其他属性</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">// ... 其他属性</span>\n    linkPoints<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      top<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      bottom<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      left<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      right<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#fff'</span><span class=\"token punctuation\">,</span>\n      size<span class=\"token punctuation\">:</span> <span class=\"token number\">5</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 punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ...</span>\n</code></pre></div>","position":{"start":{"line":146,"column":1,"offset":4920},"end":{"line":165,"column":4,"offset":5196}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"图标-icon"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9B%BE%E6%A0%87-icon","aria-label":"图标 icon 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":"图标 icon","position":{"start":{"line":168,"column":5,"offset":5203},"end":{"line":168,"column":12,"offset":5210}}}],"position":{"start":{"line":168,"column":1,"offset":5199},"end":{"line":168,"column":12,"offset":5210}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过配置 ","position":{"start":{"line":169,"column":1,"offset":5211},"end":{"line":169,"column":16,"offset":5226}}},{"type":"raw","value":"<code class=\"language-text\">icon</code>","position":{"start":{"line":169,"column":16,"offset":5226},"end":{"line":169,"column":22,"offset":5232}}},{"type":"text","value":"，可以在圆上显示小图标。","position":{"start":{"line":169,"column":22,"offset":5232},"end":{"line":169,"column":34,"offset":5244}}}],"position":{"start":{"line":169,"column":1,"offset":5211},"end":{"line":169,"column":34,"offset":5244}}},{"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":171,"column":3,"offset":5248},"end":{"line":171,"column":5,"offset":5250}}}],"position":{"start":{"line":171,"column":3,"offset":5248},"end":{"line":171,"column":5,"offset":5250}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":171,"column":8,"offset":5253},"end":{"line":171,"column":10,"offset":5255}}}],"position":{"start":{"line":171,"column":8,"offset":5253},"end":{"line":171,"column":10,"offset":5255}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":171,"column":13,"offset":5258},"end":{"line":171,"column":15,"offset":5260}}}],"position":{"start":{"line":171,"column":13,"offset":5258},"end":{"line":171,"column":15,"offset":5260}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":171,"column":18,"offset":5263},"end":{"line":171,"column":20,"offset":5265}}}],"position":{"start":{"line":171,"column":18,"offset":5263},"end":{"line":171,"column":20,"offset":5265}}},{"type":"text","value":"\n"}],"position":{"start":{"line":171,"column":1,"offset":5246},"end":{"line":171,"column":22,"offset":5267}}},{"type":"text","value":"\n"}],"position":{"start":{"line":171,"column":1,"offset":5246},"end":{"line":171,"column":22,"offset":5267}}},{"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":"show","position":{"start":{"line":173,"column":3,"offset":5296},"end":{"line":173,"column":7,"offset":5300}}}],"position":{"start":{"line":173,"column":3,"offset":5296},"end":{"line":173,"column":7,"offset":5300}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示 icon","position":{"start":{"line":173,"column":10,"offset":5303},"end":{"line":173,"column":19,"offset":5312}}}],"position":{"start":{"line":173,"column":10,"offset":5303},"end":{"line":173,"column":19,"offset":5312}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":173,"column":22,"offset":5315},"end":{"line":173,"column":29,"offset":5322}}}],"position":{"start":{"line":173,"column":22,"offset":5315},"end":{"line":173,"column":29,"offset":5322}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 false，不显示","position":{"start":{"line":173,"column":32,"offset":5325},"end":{"line":173,"column":45,"offset":5338}}}],"position":{"start":{"line":173,"column":32,"offset":5325},"end":{"line":173,"column":45,"offset":5338}}},{"type":"text","value":"\n"}],"position":{"start":{"line":173,"column":1,"offset":5294},"end":{"line":173,"column":47,"offset":5340}}},{"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":"width","position":{"start":{"line":174,"column":3,"offset":5343},"end":{"line":174,"column":8,"offset":5348}}}],"position":{"start":{"line":174,"column":3,"offset":5343},"end":{"line":174,"column":8,"offset":5348}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon 的宽度","position":{"start":{"line":174,"column":11,"offset":5351},"end":{"line":174,"column":19,"offset":5359}}}],"position":{"start":{"line":174,"column":11,"offset":5351},"end":{"line":174,"column":19,"offset":5359}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":174,"column":22,"offset":5362},"end":{"line":174,"column":28,"offset":5368}}}],"position":{"start":{"line":174,"column":22,"offset":5362},"end":{"line":174,"column":28,"offset":5368}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 16","position":{"start":{"line":174,"column":31,"offset":5371},"end":{"line":174,"column":37,"offset":5377}}}],"position":{"start":{"line":174,"column":31,"offset":5371},"end":{"line":174,"column":37,"offset":5377}}},{"type":"text","value":"\n"}],"position":{"start":{"line":174,"column":1,"offset":5341},"end":{"line":174,"column":39,"offset":5379}}},{"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":"height","position":{"start":{"line":175,"column":3,"offset":5382},"end":{"line":175,"column":9,"offset":5388}}}],"position":{"start":{"line":175,"column":3,"offset":5382},"end":{"line":175,"column":9,"offset":5388}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon 的高度","position":{"start":{"line":175,"column":12,"offset":5391},"end":{"line":175,"column":20,"offset":5399}}}],"position":{"start":{"line":175,"column":12,"offset":5391},"end":{"line":175,"column":20,"offset":5399}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":175,"column":23,"offset":5402},"end":{"line":175,"column":29,"offset":5408}}}],"position":{"start":{"line":175,"column":23,"offset":5402},"end":{"line":175,"column":29,"offset":5408}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 16","position":{"start":{"line":175,"column":32,"offset":5411},"end":{"line":175,"column":38,"offset":5417}}}],"position":{"start":{"line":175,"column":32,"offset":5411},"end":{"line":175,"column":38,"offset":5417}}},{"type":"text","value":"\n"}],"position":{"start":{"line":175,"column":1,"offset":5380},"end":{"line":175,"column":40,"offset":5419}}},{"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":"img","position":{"start":{"line":176,"column":3,"offset":5422},"end":{"line":176,"column":6,"offset":5425}}}],"position":{"start":{"line":176,"column":3,"offset":5422},"end":{"line":176,"column":6,"offset":5425}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon 的图片地址","position":{"start":{"line":176,"column":9,"offset":5428},"end":{"line":176,"column":19,"offset":5438}}}],"position":{"start":{"line":176,"column":9,"offset":5428},"end":{"line":176,"column":19,"offset":5438}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":176,"column":22,"offset":5441},"end":{"line":176,"column":28,"offset":5447}}}],"position":{"start":{"line":176,"column":22,"offset":5441},"end":{"line":176,"column":28,"offset":5447}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认有一个如下图中的图片","position":{"start":{"line":176,"column":31,"offset":5450},"end":{"line":176,"column":43,"offset":5462}}}],"position":{"start":{"line":176,"column":31,"offset":5450},"end":{"line":176,"column":43,"offset":5462}}},{"type":"text","value":"\n"}],"position":{"start":{"line":176,"column":1,"offset":5420},"end":{"line":176,"column":45,"offset":5464}}},{"type":"text","value":"\n"},{"type":"element","tagName":"tr","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"offset","position":{"start":{"line":177,"column":5,"offset":5469},"end":{"line":177,"column":11,"offset":5475}}}],"position":{"start":{"line":177,"column":3,"offset":5467},"end":{"line":177,"column":13,"offset":5477}}}],"position":{"start":{"line":177,"column":3,"offset":5467},"end":{"line":177,"column":13,"offset":5477}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"icon 的偏移量","position":{"start":{"line":177,"column":18,"offset":5482},"end":{"line":177,"column":27,"offset":5491}}}],"position":{"start":{"line":177,"column":16,"offset":5480},"end":{"line":177,"column":29,"offset":5493}}}],"position":{"start":{"line":177,"column":16,"offset":5480},"end":{"line":177,"column":29,"offset":5493}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Number","position":{"start":{"line":177,"column":34,"offset":5498},"end":{"line":177,"column":40,"offset":5504}}}],"position":{"start":{"line":177,"column":32,"offset":5496},"end":{"line":177,"column":42,"offset":5506}}}],"position":{"start":{"line":177,"column":32,"offset":5496},"end":{"line":177,"column":42,"offset":5506}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认为 0，triangle 节点的 icon 特有的配置","position":{"start":{"line":177,"column":47,"offset":5511},"end":{"line":177,"column":76,"offset":5540}}}],"position":{"start":{"line":177,"column":45,"offset":5509},"end":{"line":177,"column":78,"offset":5542}}}],"position":{"start":{"line":177,"column":45,"offset":5509},"end":{"line":177,"column":78,"offset":5542}}},{"type":"text","value":"\n"}],"position":{"start":{"line":177,"column":1,"offset":5465},"end":{"line":177,"column":80,"offset":5544}}},{"type":"text","value":"\n"}],"position":{"start":{"line":173,"column":1,"offset":5294},"end":{"line":177,"column":80,"offset":5544}}},{"type":"text","value":"\n"}],"position":{"start":{"line":171,"column":1,"offset":5246},"end":{"line":177,"column":80,"offset":5544}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":180,"column":1,"offset":5547},"end":{"line":180,"column":6,"offset":5552}}},{"type":"element","tagName":"a","properties":{"href":"#%E6%A0%B7%E5%BC%8F%E5%B1%9E%E6%80%A7-style"},"children":[{"type":"text","value":"样式属性 style","position":{"start":{"line":180,"column":7,"offset":5553},"end":{"line":180,"column":17,"offset":5563}}}],"position":{"start":{"line":180,"column":6,"offset":5552},"end":{"line":180,"column":31,"offset":5577}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":180,"column":31,"offset":5577},"end":{"line":180,"column":43,"offset":5589}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":180,"column":43,"offset":5589},"end":{"line":180,"column":56,"offset":5602}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":180,"column":56,"offset":5602},"end":{"line":180,"column":62,"offset":5608}}},{"type":"raw","value":"<code class=\"language-text\">icon</code>","position":{"start":{"line":180,"column":62,"offset":5608},"end":{"line":180,"column":68,"offset":5614}}},{"type":"text","value":" 配置项进行图标的配置，使之达到如下图效果。","position":{"start":{"line":180,"column":68,"offset":5614},"end":{"line":180,"column":90,"offset":5636}}},{"type":"raw","value":"<br />","position":{"start":{"line":180,"column":90,"offset":5636},"end":{"line":180,"column":96,"offset":5642}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871318704-c2192872-f7fe-48b1-a74c-6875b642d4c1.png#align=left&display=inline&height=83&name=image.png&originHeight=166&originWidth=166&search=&size=26443&status=done&width=83","alt":"image.png"},"children":[],"position":{"start":{"line":180,"column":96,"offset":5642},"end":{"line":180,"column":334,"offset":5880}}}],"position":{"start":{"line":180,"column":1,"offset":5547},"end":{"line":180,"column":334,"offset":5880}}},{"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 keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  <span class=\"token comment\">// ... 图的其他属性</span>\n  defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token comment\">// ... 其他属性</span>\n    icon<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      show<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      width<span class=\"token punctuation\">:</span> <span class=\"token number\">30</span><span class=\"token punctuation\">,</span>\n      height<span class=\"token punctuation\">:</span> <span class=\"token number\">30</span><span class=\"token punctuation\">,</span>\n      offset<span class=\"token punctuation\">:</span> <span class=\"token number\">20</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 punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ...</span>\n</code></pre></div>","position":{"start":{"line":181,"column":1,"offset":5881},"end":{"line":198,"column":4,"offset":6113}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":199,"column":1,"offset":6114}}}}