{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-2b67522e0c8661f76e2e35403725cb18-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"G6 内置了方形卡片 modelRect 节点，其默认样式如下。标签文本位于卡片下方。\n","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":3,"column":1,"offset":45}}},{"type":"raw","value":"<br />","position":{"start":{"line":3,"column":1,"offset":45},"end":{"line":3,"column":7,"offset":51}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":3,"column":7,"offset":51}}},{"type":"text","value":"\n"},{"type":"raw","value":"<img src='https://cdn.nlark.com/yuque/0/2019/png/244306/1569832510250-8ee79163-f2e3-4bce-8ed5-c9935a63ddf2.png' width='223' height='102' />","position":{"start":{"line":5,"column":1,"offset":53},"end":{"line":5,"column":140,"offset":192}}},{"type":"text","value":"\n"},{"type":"raw","value":"<img src='https://cdn.nlark.com/yuque/0/2019/png/244306/1569832510241-4fe098ed-c246-49c7-83f6-ee1f6aef7958.png' width='223' height='98' />","position":{"start":{"line":7,"column":1,"offset":194},"end":{"line":7,"column":139,"offset":332}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"raw","value":"<br />","position":{"start":{"line":10,"column":1,"offset":335},"end":{"line":10,"column":7,"offset":341}}},{"type":"text","value":"说明 数据中无 ","position":{"start":{"line":10,"column":7,"offset":341},"end":{"line":10,"column":15,"offset":349}}},{"type":"raw","value":"<code class=\"language-text\">description</code>","position":{"start":{"line":10,"column":15,"offset":349},"end":{"line":10,"column":28,"offset":362}}},{"type":"text","value":" 字段时，则不显示描述信息。","position":{"start":{"line":10,"column":28,"offset":362},"end":{"line":10,"column":42,"offset":376}}}],"position":{"start":{"line":10,"column":1,"offset":335},"end":{"line":10,"column":42,"offset":376}}},{"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":13,"column":4,"offset":382},"end":{"line":13,"column":8,"offset":386}}}],"position":{"start":{"line":13,"column":1,"offset":379},"end":{"line":13,"column":8,"offset":386}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如 ","position":{"start":{"line":14,"column":1,"offset":387},"end":{"line":14,"column":3,"offset":389}}},{"type":"element","tagName":"a","properties":{"href":"../defaultNode"},"children":[{"type":"text","value":"内置节点","position":{"start":{"line":14,"column":4,"offset":390},"end":{"line":14,"column":8,"offset":394}}}],"position":{"start":{"line":14,"column":3,"offset":389},"end":{"line":14,"column":25,"offset":411}}},{"type":"text","value":" 一节所示，配置节点的方式有两种：实例化图时全局配置，在数据中动态配置。","position":{"start":{"line":14,"column":25,"offset":411},"end":{"line":14,"column":61,"offset":447}}}],"position":{"start":{"line":14,"column":1,"offset":387},"end":{"line":14,"column":61,"offset":447}}},{"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":17,"column":5,"offset":454},"end":{"line":17,"column":16,"offset":465}}}],"position":{"start":{"line":17,"column":1,"offset":450},"end":{"line":17,"column":16,"offset":465}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"用户在实例化 Graph 时候可以通过 ","position":{"start":{"line":18,"column":1,"offset":466},"end":{"line":18,"column":21,"offset":486}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":18,"column":21,"offset":486},"end":{"line":18,"column":34,"offset":499}}},{"type":"text","value":" 指定 ","position":{"start":{"line":18,"column":34,"offset":499},"end":{"line":18,"column":38,"offset":503}}},{"type":"raw","value":"<code class=\"language-text\">shape</code>","position":{"start":{"line":18,"column":38,"offset":503},"end":{"line":18,"column":45,"offset":510}}},{"type":"text","value":" 为 ","position":{"start":{"line":18,"column":45,"offset":510},"end":{"line":18,"column":48,"offset":513}}},{"type":"raw","value":"<code class=\"language-text\">&#39;modelRect&#39;</code>","position":{"start":{"line":18,"column":48,"offset":513},"end":{"line":18,"column":61,"offset":526}}},{"type":"text","value":"，即可使用 ","position":{"start":{"line":18,"column":61,"offset":526},"end":{"line":18,"column":67,"offset":532}}},{"type":"raw","value":"<code class=\"language-text\">modelRect</code>","position":{"start":{"line":18,"column":67,"offset":532},"end":{"line":18,"column":78,"offset":543}}},{"type":"text","value":" 节点。","position":{"start":{"line":18,"column":78,"offset":543},"end":{"line":18,"column":82,"offset":547}}}],"position":{"start":{"line":18,"column":1,"offset":466},"end":{"line":18,"column":82,"offset":547}}},{"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\">'modelRect'</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":19,"column":1,"offset":548},"end":{"line":29,"column":4,"offset":709}}},{"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":32,"column":5,"offset":716},"end":{"line":32,"column":15,"offset":726}}}],"position":{"start":{"line":32,"column":1,"offset":712},"end":{"line":32,"column":15,"offset":726}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如果需要使不同节点有不同的配置，可以将配置写入到节点数据中。这种配置方式可以通过下面代码的形式直接写入数据，也可以通过遍历数据的方式写入。","position":{"start":{"line":33,"column":1,"offset":727},"end":{"line":33,"column":70,"offset":796}}}],"position":{"start":{"line":33,"column":1,"offset":727},"end":{"line":33,"column":70,"offset":796}}},{"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\">'modelRect'</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":34,"column":1,"offset":797},"end":{"line":47,"column":4,"offset":955}}},{"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":50,"column":4,"offset":961},"end":{"line":50,"column":9,"offset":966}}}],"position":{"start":{"line":50,"column":1,"offset":958},"end":{"line":50,"column":9,"offset":966}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"modelRect 节点支持以下的配置项，对于 Object 类型的配置项将在后面有详细讲解：","position":{"start":{"line":51,"column":1,"offset":967},"end":{"line":51,"column":48,"offset":1014}}}],"position":{"start":{"line":51,"column":1,"offset":967},"end":{"line":51,"column":48,"offset":1014}}},{"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":53,"column":3,"offset":1018},"end":{"line":53,"column":5,"offset":1020}}}],"position":{"start":{"line":53,"column":3,"offset":1018},"end":{"line":53,"column":5,"offset":1020}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":53,"column":8,"offset":1023},"end":{"line":53,"column":10,"offset":1025}}}],"position":{"start":{"line":53,"column":8,"offset":1023},"end":{"line":53,"column":10,"offset":1025}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":53,"column":13,"offset":1028},"end":{"line":53,"column":15,"offset":1030}}}],"position":{"start":{"line":53,"column":13,"offset":1028},"end":{"line":53,"column":15,"offset":1030}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":53,"column":18,"offset":1033},"end":{"line":53,"column":20,"offset":1035}}}],"position":{"start":{"line":53,"column":18,"offset":1033},"end":{"line":53,"column":20,"offset":1035}}},{"type":"text","value":"\n"}],"position":{"start":{"line":53,"column":1,"offset":1016},"end":{"line":53,"column":22,"offset":1037}}},{"type":"text","value":"\n"}],"position":{"start":{"line":53,"column":1,"offset":1016},"end":{"line":53,"column":22,"offset":1037}}},{"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":55,"column":3,"offset":1066},"end":{"line":55,"column":7,"offset":1070}}}],"position":{"start":{"line":55,"column":3,"offset":1066},"end":{"line":55,"column":7,"offset":1070}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆的直径","position":{"start":{"line":55,"column":10,"offset":1073},"end":{"line":55,"column":14,"offset":1077}}}],"position":{"start":{"line":55,"column":10,"offset":1073},"end":{"line":55,"column":14,"offset":1077}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":55,"column":17,"offset":1080},"end":{"line":55,"column":23,"offset":1086}}}],"position":{"start":{"line":55,"column":17,"offset":1080},"end":{"line":55,"column":23,"offset":1086}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Array","position":{"start":{"line":55,"column":26,"offset":1089},"end":{"line":55,"column":31,"offset":1094}}}],"position":{"start":{"line":55,"column":26,"offset":1089},"end":{"line":55,"column":31,"offset":1094}}},{"type":"text","value":"\n"}],"position":{"start":{"line":55,"column":1,"offset":1064},"end":{"line":55,"column":53,"offset":1116}}},{"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":56,"column":3,"offset":1119},"end":{"line":56,"column":8,"offset":1124}}}],"position":{"start":{"line":56,"column":3,"offset":1119},"end":{"line":56,"column":8,"offset":1124}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"circle 默认样式","position":{"start":{"line":56,"column":11,"offset":1127},"end":{"line":56,"column":22,"offset":1138}}}],"position":{"start":{"line":56,"column":11,"offset":1127},"end":{"line":56,"column":22,"offset":1138}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":56,"column":25,"offset":1141},"end":{"line":56,"column":31,"offset":1147}}}],"position":{"start":{"line":56,"column":25,"offset":1141},"end":{"line":56,"column":31,"offset":1147}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Canvas 支持的属性","position":{"start":{"line":56,"column":34,"offset":1150},"end":{"line":56,"column":46,"offset":1162}}}],"position":{"start":{"line":56,"column":34,"offset":1150},"end":{"line":56,"column":46,"offset":1162}}},{"type":"text","value":"\n"}],"position":{"start":{"line":56,"column":1,"offset":1117},"end":{"line":56,"column":48,"offset":1164}}},{"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":57,"column":3,"offset":1167},"end":{"line":57,"column":11,"offset":1175}}}],"position":{"start":{"line":57,"column":3,"offset":1167},"end":{"line":57,"column":11,"offset":1175}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"文件配置项","position":{"start":{"line":57,"column":14,"offset":1178},"end":{"line":57,"column":19,"offset":1183}}}],"position":{"start":{"line":57,"column":14,"offset":1178},"end":{"line":57,"column":19,"offset":1183}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":57,"column":22,"offset":1186},"end":{"line":57,"column":28,"offset":1192}}}],"position":{"start":{"line":57,"column":22,"offset":1186},"end":{"line":57,"column":28,"offset":1192}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":57,"column":32,"offset":1196},"end":{"line":57,"column":32,"offset":1196}}},{"type":"text","value":"\n"}],"position":{"start":{"line":57,"column":1,"offset":1165},"end":{"line":57,"column":33,"offset":1197}}},{"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":58,"column":3,"offset":1200},"end":{"line":58,"column":14,"offset":1211}}}],"position":{"start":{"line":58,"column":3,"offset":1200},"end":{"line":58,"column":14,"offset":1211}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"各状态下的样式","position":{"start":{"line":58,"column":17,"offset":1214},"end":{"line":58,"column":24,"offset":1221}}}],"position":{"start":{"line":58,"column":17,"offset":1214},"end":{"line":58,"column":24,"offset":1221}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":58,"column":27,"offset":1224},"end":{"line":58,"column":33,"offset":1230}}}],"position":{"start":{"line":58,"column":27,"offset":1224},"end":{"line":58,"column":33,"offset":1230}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"只对 keyShape 起作用","position":{"start":{"line":58,"column":36,"offset":1233},"end":{"line":58,"column":51,"offset":1248}}}],"position":{"start":{"line":58,"column":36,"offset":1233},"end":{"line":58,"column":51,"offset":1248}}},{"type":"text","value":"\n"}],"position":{"start":{"line":58,"column":1,"offset":1198},"end":{"line":58,"column":53,"offset":1250}}},{"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":59,"column":3,"offset":1253},"end":{"line":59,"column":13,"offset":1263}}}],"position":{"start":{"line":59,"column":3,"offset":1253},"end":{"line":59,"column":13,"offset":1263}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"相关边的连入点","position":{"start":{"line":59,"column":16,"offset":1266},"end":{"line":59,"column":23,"offset":1273}}}],"position":{"start":{"line":59,"column":16,"offset":1266},"end":{"line":59,"column":23,"offset":1273}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":59,"column":26,"offset":1276},"end":{"line":59,"column":32,"offset":1282}}}],"position":{"start":{"line":59,"column":26,"offset":1276},"end":{"line":59,"column":32,"offset":1282}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示","position":{"start":{"line":59,"column":35,"offset":1285},"end":{"line":59,"column":40,"offset":1290}}}],"position":{"start":{"line":59,"column":35,"offset":1285},"end":{"line":59,"column":40,"offset":1290}}},{"type":"text","value":"\n"}],"position":{"start":{"line":59,"column":1,"offset":1251},"end":{"line":59,"column":42,"offset":1292}}},{"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":60,"column":3,"offset":1295},"end":{"line":60,"column":7,"offset":1299}}}],"position":{"start":{"line":60,"column":3,"offset":1295},"end":{"line":60,"column":7,"offset":1299}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"圆上 icon 配置","position":{"start":{"line":60,"column":10,"offset":1302},"end":{"line":60,"column":20,"offset":1312}}}],"position":{"start":{"line":60,"column":10,"offset":1302},"end":{"line":60,"column":20,"offset":1312}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":60,"column":23,"offset":1315},"end":{"line":60,"column":29,"offset":1321}}}],"position":{"start":{"line":60,"column":23,"offset":1315},"end":{"line":60,"column":29,"offset":1321}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示 icon","position":{"start":{"line":60,"column":32,"offset":1324},"end":{"line":60,"column":42,"offset":1334}}}],"position":{"start":{"line":60,"column":32,"offset":1324},"end":{"line":60,"column":42,"offset":1334}}},{"type":"text","value":"\n"}],"position":{"start":{"line":60,"column":1,"offset":1293},"end":{"line":60,"column":44,"offset":1336}}},{"type":"text","value":"\n"}],"position":{"start":{"line":55,"column":1,"offset":1064},"end":{"line":60,"column":44,"offset":1336}}},{"type":"text","value":"\n"}],"position":{"start":{"line":53,"column":1,"offset":1016},"end":{"line":60,"column":44,"offset":1336}}},{"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\">// 节点中icon配置</span>\n    logoIcon<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token comment\">// 是否显示icon，值为 false 则不渲染icon</span>\n      show<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      x<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n      y<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n      <span class=\"token comment\">// icon的地址，字符串类型</span>\n      img<span class=\"token punctuation\">:</span> <span class=\"token string\">'https://gw.alipayobjects.com/zos/basement_prod/4f81893c-1806-4de4-aff3-9a6b266bc8a2.svg'</span><span class=\"token punctuation\">,</span>\n      width<span class=\"token punctuation\">:</span> <span class=\"token number\">16</span><span class=\"token punctuation\">,</span>\n      height<span class=\"token punctuation\">:</span> <span class=\"token number\">16</span><span class=\"token punctuation\">,</span>\n      <span class=\"token comment\">// 用于调整图标的左右位置</span>\n      offset<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token comment\">// 节点中表示状态的icon配置</span>\n    stateIcon<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token comment\">// 是否显示icon，值为 false 则不渲染icon</span>\n      show<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      x<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n      y<span class=\"token punctuation\">:</span> <span class=\"token number\">0</span><span class=\"token punctuation\">,</span>\n      <span class=\"token comment\">// icon的地址，字符串类型</span>\n      img<span class=\"token punctuation\">:</span> <span class=\"token string\">'https://gw.alipayobjects.com/zos/basement_prod/300a2523-67e0-4cbf-9d4a-67c077b40395.svg'</span><span class=\"token punctuation\">,</span>\n      width<span class=\"token punctuation\">:</span> <span class=\"token number\">16</span><span class=\"token punctuation\">,</span>\n      height<span class=\"token punctuation\">:</span> <span class=\"token number\">16</span><span class=\"token punctuation\">,</span>\n      <span class=\"token comment\">// 用于调整图标的左右位置</span>\n      offset<span class=\"token punctuation\">:</span> <span class=\"token operator\">-</span><span class=\"token number\">5</span>\n    <span class=\"token punctuation\">}</span></code></pre></div>","position":{"start":{"line":63,"column":1,"offset":1339},"end":{"line":90,"column":4,"offset":1992}}},{"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":92,"column":3,"offset":1996},"end":{"line":92,"column":5,"offset":1998}}}],"position":{"start":{"line":92,"column":3,"offset":1996},"end":{"line":92,"column":5,"offset":1998}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":92,"column":8,"offset":2001},"end":{"line":92,"column":10,"offset":2003}}}],"position":{"start":{"line":92,"column":8,"offset":2001},"end":{"line":92,"column":10,"offset":2003}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":92,"column":13,"offset":2006},"end":{"line":92,"column":15,"offset":2008}}}],"position":{"start":{"line":92,"column":13,"offset":2006},"end":{"line":92,"column":15,"offset":2008}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":92,"column":18,"offset":2011},"end":{"line":92,"column":20,"offset":2013}}}],"position":{"start":{"line":92,"column":18,"offset":2011},"end":{"line":92,"column":20,"offset":2013}}},{"type":"text","value":"\n"}],"position":{"start":{"line":92,"column":1,"offset":1994},"end":{"line":92,"column":22,"offset":2015}}},{"type":"text","value":"\n"}],"position":{"start":{"line":92,"column":1,"offset":1994},"end":{"line":92,"column":22,"offset":2015}}},{"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":94,"column":3,"offset":2044},"end":{"line":94,"column":7,"offset":2048}}}],"position":{"start":{"line":94,"column":3,"offset":2044},"end":{"line":94,"column":7,"offset":2048}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"modelRect的宽高","position":{"start":{"line":94,"column":10,"offset":2051},"end":{"line":94,"column":22,"offset":2063}}}],"position":{"start":{"line":94,"column":10,"offset":2051},"end":{"line":94,"column":22,"offset":2063}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":94,"column":25,"offset":2066},"end":{"line":94,"column":31,"offset":2072}}}],"position":{"start":{"line":94,"column":25,"offset":2066},"end":{"line":94,"column":31,"offset":2072}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Array","position":{"start":{"line":94,"column":34,"offset":2075},"end":{"line":94,"column":39,"offset":2080}}}],"position":{"start":{"line":94,"column":34,"offset":2075},"end":{"line":94,"column":39,"offset":2080}}},{"type":"text","value":"\n"}],"position":{"start":{"line":94,"column":1,"offset":2042},"end":{"line":94,"column":108,"offset":2149}}},{"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":95,"column":3,"offset":2152},"end":{"line":95,"column":8,"offset":2157}}}],"position":{"start":{"line":95,"column":3,"offset":2152},"end":{"line":95,"column":8,"offset":2157}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"modelRect默认样式","position":{"start":{"line":95,"column":11,"offset":2160},"end":{"line":95,"column":24,"offset":2173}}}],"position":{"start":{"line":95,"column":11,"offset":2160},"end":{"line":95,"column":24,"offset":2173}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":95,"column":27,"offset":2176},"end":{"line":95,"column":33,"offset":2182}}}],"position":{"start":{"line":95,"column":27,"offset":2176},"end":{"line":95,"column":33,"offset":2182}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Canvas 支持的属性","position":{"start":{"line":95,"column":36,"offset":2185},"end":{"line":95,"column":48,"offset":2197}}}],"position":{"start":{"line":95,"column":36,"offset":2185},"end":{"line":95,"column":48,"offset":2197}}},{"type":"text","value":"\n"}],"position":{"start":{"line":95,"column":1,"offset":2150},"end":{"line":95,"column":50,"offset":2199}}},{"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":96,"column":3,"offset":2202},"end":{"line":96,"column":11,"offset":2210}}}],"position":{"start":{"line":96,"column":3,"offset":2202},"end":{"line":96,"column":11,"offset":2210}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"文件配置项","position":{"start":{"line":96,"column":14,"offset":2213},"end":{"line":96,"column":19,"offset":2218}}}],"position":{"start":{"line":96,"column":14,"offset":2213},"end":{"line":96,"column":19,"offset":2218}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":96,"column":22,"offset":2221},"end":{"line":96,"column":28,"offset":2227}}}],"position":{"start":{"line":96,"column":22,"offset":2221},"end":{"line":96,"column":28,"offset":2227}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":96,"column":32,"offset":2231},"end":{"line":96,"column":32,"offset":2231}}},{"type":"text","value":"\n"}],"position":{"start":{"line":96,"column":1,"offset":2200},"end":{"line":96,"column":33,"offset":2232}}},{"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":97,"column":3,"offset":2235},"end":{"line":97,"column":14,"offset":2246}}}],"position":{"start":{"line":97,"column":3,"offset":2235},"end":{"line":97,"column":14,"offset":2246}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"各状态下的样式","position":{"start":{"line":97,"column":17,"offset":2249},"end":{"line":97,"column":24,"offset":2256}}}],"position":{"start":{"line":97,"column":17,"offset":2249},"end":{"line":97,"column":24,"offset":2256}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":97,"column":27,"offset":2259},"end":{"line":97,"column":33,"offset":2265}}}],"position":{"start":{"line":97,"column":27,"offset":2259},"end":{"line":97,"column":33,"offset":2265}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"只对 keyShape 起作用","position":{"start":{"line":97,"column":36,"offset":2268},"end":{"line":97,"column":51,"offset":2283}}}],"position":{"start":{"line":97,"column":36,"offset":2268},"end":{"line":97,"column":51,"offset":2283}}},{"type":"text","value":"\n"}],"position":{"start":{"line":97,"column":1,"offset":2233},"end":{"line":97,"column":53,"offset":2285}}},{"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":98,"column":3,"offset":2288},"end":{"line":98,"column":13,"offset":2298}}}],"position":{"start":{"line":98,"column":3,"offset":2288},"end":{"line":98,"column":13,"offset":2298}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"modelRect上的链接点","position":{"start":{"line":98,"column":16,"offset":2301},"end":{"line":98,"column":30,"offset":2315}}}],"position":{"start":{"line":98,"column":16,"offset":2301},"end":{"line":98,"column":30,"offset":2315}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":98,"column":33,"offset":2318},"end":{"line":98,"column":39,"offset":2324}}}],"position":{"start":{"line":98,"column":33,"offset":2318},"end":{"line":98,"column":39,"offset":2324}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示","position":{"start":{"line":98,"column":42,"offset":2327},"end":{"line":98,"column":47,"offset":2332}}}],"position":{"start":{"line":98,"column":42,"offset":2327},"end":{"line":98,"column":47,"offset":2332}}},{"type":"text","value":"\n"}],"position":{"start":{"line":98,"column":1,"offset":2286},"end":{"line":98,"column":49,"offset":2334}}},{"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":"preRect","position":{"start":{"line":99,"column":5,"offset":2339},"end":{"line":99,"column":12,"offset":2346}}}],"position":{"start":{"line":99,"column":3,"offset":2337},"end":{"line":99,"column":14,"offset":2348}}}],"position":{"start":{"line":99,"column":3,"offset":2337},"end":{"line":99,"column":14,"offset":2348}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"左侧的小矩形","position":{"start":{"line":99,"column":19,"offset":2353},"end":{"line":99,"column":25,"offset":2359}}}],"position":{"start":{"line":99,"column":17,"offset":2351},"end":{"line":99,"column":27,"offset":2361}}}],"position":{"start":{"line":99,"column":17,"offset":2351},"end":{"line":99,"column":27,"offset":2361}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Object","position":{"start":{"line":99,"column":32,"offset":2366},"end":{"line":99,"column":38,"offset":2372}}}],"position":{"start":{"line":99,"column":30,"offset":2364},"end":{"line":99,"column":40,"offset":2374}}}],"position":{"start":{"line":99,"column":30,"offset":2364},"end":{"line":99,"column":40,"offset":2374}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"modelRect 节点特有","position":{"start":{"line":99,"column":45,"offset":2379},"end":{"line":99,"column":59,"offset":2393}}}],"position":{"start":{"line":99,"column":43,"offset":2377},"end":{"line":99,"column":61,"offset":2395}}}],"position":{"start":{"line":99,"column":43,"offset":2377},"end":{"line":99,"column":61,"offset":2395}}},{"type":"text","value":"\n"}],"position":{"start":{"line":99,"column":1,"offset":2335},"end":{"line":99,"column":63,"offset":2397}}},{"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":"logoIcon","position":{"start":{"line":100,"column":5,"offset":2402},"end":{"line":100,"column":13,"offset":2410}}}],"position":{"start":{"line":100,"column":3,"offset":2400},"end":{"line":100,"column":15,"offset":2412}}}],"position":{"start":{"line":100,"column":3,"offset":2400},"end":{"line":100,"column":15,"offset":2412}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"左侧的logo图标","position":{"start":{"line":100,"column":20,"offset":2417},"end":{"line":100,"column":29,"offset":2426}}}],"position":{"start":{"line":100,"column":18,"offset":2415},"end":{"line":100,"column":31,"offset":2428}}}],"position":{"start":{"line":100,"column":18,"offset":2415},"end":{"line":100,"column":31,"offset":2428}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Object","position":{"start":{"line":100,"column":36,"offset":2433},"end":{"line":100,"column":42,"offset":2439}}}],"position":{"start":{"line":100,"column":34,"offset":2431},"end":{"line":100,"column":44,"offset":2441}}}],"position":{"start":{"line":100,"column":34,"offset":2431},"end":{"line":100,"column":44,"offset":2441}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"modelRect 节点特有","position":{"start":{"line":100,"column":49,"offset":2446},"end":{"line":100,"column":63,"offset":2460}}}],"position":{"start":{"line":100,"column":47,"offset":2444},"end":{"line":100,"column":65,"offset":2462}}}],"position":{"start":{"line":100,"column":47,"offset":2444},"end":{"line":100,"column":65,"offset":2462}}},{"type":"text","value":"\n"}],"position":{"start":{"line":100,"column":1,"offset":2398},"end":{"line":100,"column":67,"offset":2464}}},{"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":"stateIcon","position":{"start":{"line":101,"column":5,"offset":2469},"end":{"line":101,"column":14,"offset":2478}}}],"position":{"start":{"line":101,"column":3,"offset":2467},"end":{"line":101,"column":16,"offset":2480}}}],"position":{"start":{"line":101,"column":3,"offset":2467},"end":{"line":101,"column":16,"offset":2480}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"右侧的状态图标","position":{"start":{"line":101,"column":21,"offset":2485},"end":{"line":101,"column":28,"offset":2492}}}],"position":{"start":{"line":101,"column":19,"offset":2483},"end":{"line":101,"column":30,"offset":2494}}}],"position":{"start":{"line":101,"column":19,"offset":2483},"end":{"line":101,"column":30,"offset":2494}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Object","position":{"start":{"line":101,"column":35,"offset":2499},"end":{"line":101,"column":41,"offset":2505}}}],"position":{"start":{"line":101,"column":33,"offset":2497},"end":{"line":101,"column":43,"offset":2507}}}],"position":{"start":{"line":101,"column":33,"offset":2497},"end":{"line":101,"column":43,"offset":2507}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"modelRect 节点特有","position":{"start":{"line":101,"column":48,"offset":2512},"end":{"line":101,"column":62,"offset":2526}}}],"position":{"start":{"line":101,"column":46,"offset":2510},"end":{"line":101,"column":64,"offset":2528}}}],"position":{"start":{"line":101,"column":46,"offset":2510},"end":{"line":101,"column":64,"offset":2528}}},{"type":"text","value":"\n"}],"position":{"start":{"line":101,"column":1,"offset":2465},"end":{"line":101,"column":66,"offset":2530}}},{"type":"text","value":"\n"}],"position":{"start":{"line":94,"column":1,"offset":2042},"end":{"line":101,"column":66,"offset":2530}}},{"type":"text","value":"\n"}],"position":{"start":{"line":92,"column":1,"offset":1994},"end":{"line":101,"column":66,"offset":2530}}},{"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":105,"column":5,"offset":2538},"end":{"line":105,"column":15,"offset":2548}}}],"position":{"start":{"line":105,"column":1,"offset":2534},"end":{"line":105,"column":15,"offset":2548}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":106,"column":1,"offset":2549},"end":{"line":106,"column":14,"offset":2562}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":106,"column":14,"offset":2562},"end":{"line":106,"column":21,"offset":2569}}},{"type":"text","value":" 配置来修改节点的填充色、描边等属性。下面代码演示在实例化图时全局配置方法中配置 ","position":{"start":{"line":106,"column":21,"offset":2569},"end":{"line":106,"column":62,"offset":2610}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":106,"column":62,"offset":2610},"end":{"line":106,"column":69,"offset":2617}}},{"type":"text","value":"，使之达到如下图效果。","position":{"start":{"line":106,"column":69,"offset":2617},"end":{"line":106,"column":80,"offset":2628}}},{"type":"raw","value":"<br />","position":{"start":{"line":106,"column":80,"offset":2628},"end":{"line":106,"column":86,"offset":2634}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570872406414-bb854465-1588-4499-abec-43d503bd2b23.png#align=left&display=inline&height=84&name=image.png&originHeight=168&originWidth=346&search=&size=17886&status=done&width=173","alt":"image.png"},"children":[],"position":{"start":{"line":106,"column":86,"offset":2634},"end":{"line":106,"column":325,"offset":2873}}}],"position":{"start":{"line":106,"column":1,"offset":2549},"end":{"line":106,"column":325,"offset":2873}}},{"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\">'modelRect'</span><span class=\"token punctuation\">,</span>\n      label<span class=\"token punctuation\">:</span> <span class=\"token string\">'modelRect'</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: 'modelRect',  // 在数据中已经指定 shape，这里无需再次指定</span>\n    size<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token number\">200</span><span class=\"token punctuation\">,</span> <span class=\"token number\">80</span><span class=\"token punctuation\">]</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\">'#f0f5ff'</span><span class=\"token punctuation\">,</span>\n      stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#adc6ff'</span><span class=\"token punctuation\">,</span>\n      lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">2</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":107,"column":1,"offset":2874},"end":{"line":132,"column":4,"offset":3301}}},{"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":135,"column":5,"offset":3308},"end":{"line":135,"column":20,"offset":3323}}}],"position":{"start":{"line":135,"column":1,"offset":3304},"end":{"line":135,"column":20,"offset":3323}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":136,"column":1,"offset":3324},"end":{"line":136,"column":14,"offset":3337}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":136,"column":14,"offset":3337},"end":{"line":136,"column":24,"offset":3347}}},{"type":"text","value":" 配置标签文本。基于上面 ","position":{"start":{"line":136,"column":24,"offset":3347},"end":{"line":136,"column":37,"offset":3360}}},{"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":136,"column":38,"offset":3361},"end":{"line":136,"column":48,"offset":3371}}}],"position":{"start":{"line":136,"column":37,"offset":3360},"end":{"line":136,"column":62,"offset":3385}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":136,"column":62,"offset":3385},"end":{"line":136,"column":74,"offset":3397}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":136,"column":74,"offset":3397},"end":{"line":136,"column":87,"offset":3410}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":136,"column":87,"offset":3410},"end":{"line":136,"column":93,"offset":3416}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":136,"column":93,"offset":3416},"end":{"line":136,"column":103,"offset":3426}}},{"type":"text","value":" 配置项进行文本的配置，使之达到如下图效果。","position":{"start":{"line":136,"column":103,"offset":3426},"end":{"line":136,"column":125,"offset":3448}}},{"type":"raw","value":"<br />","position":{"start":{"line":136,"column":125,"offset":3448},"end":{"line":136,"column":131,"offset":3454}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570872488038-a22d3fd4-626f-4ac6-a85e-ad8aa17ce02e.png#align=left&display=inline&height=85&name=image.png&originHeight=170&originWidth=340&search=&size=20541&status=done&width=170","alt":"image.png"},"children":[],"position":{"start":{"line":136,"column":131,"offset":3454},"end":{"line":136,"column":370,"offset":3693}}}],"position":{"start":{"line":136,"column":1,"offset":3324},"end":{"line":136,"column":370,"offset":3693}}},{"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      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":137,"column":1,"offset":3694},"end":{"line":154,"column":4,"offset":3932}}},{"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":157,"column":5,"offset":3939},"end":{"line":157,"column":21,"offset":3955}}}],"position":{"start":{"line":157,"column":1,"offset":3935},"end":{"line":157,"column":21,"offset":3955}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过配置 ","position":{"start":{"line":158,"column":1,"offset":3956},"end":{"line":158,"column":16,"offset":3971}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":158,"column":16,"offset":3971},"end":{"line":158,"column":28,"offset":3983}}},{"type":"text","value":" ，可以指定 modelRect 周围「上、下、左、右」四个方向上边的连入点。","position":{"start":{"line":158,"column":28,"offset":3983},"end":{"line":158,"column":67,"offset":4022}}}],"position":{"start":{"line":158,"column":1,"offset":3956},"end":{"line":158,"column":67,"offset":4022}}},{"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":160,"column":3,"offset":4026},"end":{"line":160,"column":5,"offset":4028}}}],"position":{"start":{"line":160,"column":3,"offset":4026},"end":{"line":160,"column":5,"offset":4028}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":160,"column":8,"offset":4031},"end":{"line":160,"column":10,"offset":4033}}}],"position":{"start":{"line":160,"column":8,"offset":4031},"end":{"line":160,"column":10,"offset":4033}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":160,"column":13,"offset":4036},"end":{"line":160,"column":15,"offset":4038}}}],"position":{"start":{"line":160,"column":13,"offset":4036},"end":{"line":160,"column":15,"offset":4038}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":160,"column":18,"offset":4041},"end":{"line":160,"column":20,"offset":4043}}}],"position":{"start":{"line":160,"column":18,"offset":4041},"end":{"line":160,"column":20,"offset":4043}}},{"type":"text","value":"\n"}],"position":{"start":{"line":160,"column":1,"offset":4024},"end":{"line":160,"column":22,"offset":4045}}},{"type":"text","value":"\n"}],"position":{"start":{"line":160,"column":1,"offset":4024},"end":{"line":160,"column":22,"offset":4045}}},{"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":162,"column":3,"offset":4074},"end":{"line":162,"column":6,"offset":4077}}}],"position":{"start":{"line":162,"column":3,"offset":4074},"end":{"line":162,"column":6,"offset":4077}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示上部的连接点","position":{"start":{"line":162,"column":9,"offset":4080},"end":{"line":162,"column":19,"offset":4090}}}],"position":{"start":{"line":162,"column":9,"offset":4080},"end":{"line":162,"column":19,"offset":4090}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":162,"column":22,"offset":4093},"end":{"line":162,"column":29,"offset":4100}}}],"position":{"start":{"line":162,"column":22,"offset":4093},"end":{"line":162,"column":29,"offset":4100}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":162,"column":32,"offset":4103},"end":{"line":162,"column":36,"offset":4107}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":162,"column":36,"offset":4107},"end":{"line":162,"column":43,"offset":4114}}}],"position":{"start":{"line":162,"column":32,"offset":4103},"end":{"line":162,"column":43,"offset":4114}}},{"type":"text","value":"\n"}],"position":{"start":{"line":162,"column":1,"offset":4072},"end":{"line":162,"column":45,"offset":4116}}},{"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":163,"column":3,"offset":4119},"end":{"line":163,"column":9,"offset":4125}}}],"position":{"start":{"line":163,"column":3,"offset":4119},"end":{"line":163,"column":9,"offset":4125}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示底部的连接点","position":{"start":{"line":163,"column":12,"offset":4128},"end":{"line":163,"column":22,"offset":4138}}}],"position":{"start":{"line":163,"column":12,"offset":4128},"end":{"line":163,"column":22,"offset":4138}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":163,"column":25,"offset":4141},"end":{"line":163,"column":32,"offset":4148}}}],"position":{"start":{"line":163,"column":25,"offset":4141},"end":{"line":163,"column":32,"offset":4148}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":163,"column":35,"offset":4151},"end":{"line":163,"column":39,"offset":4155}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":163,"column":39,"offset":4155},"end":{"line":163,"column":46,"offset":4162}}}],"position":{"start":{"line":163,"column":35,"offset":4151},"end":{"line":163,"column":46,"offset":4162}}},{"type":"text","value":"\n"}],"position":{"start":{"line":163,"column":1,"offset":4117},"end":{"line":163,"column":48,"offset":4164}}},{"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":164,"column":3,"offset":4167},"end":{"line":164,"column":7,"offset":4171}}}],"position":{"start":{"line":164,"column":3,"offset":4167},"end":{"line":164,"column":7,"offset":4171}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示左侧的连接点","position":{"start":{"line":164,"column":10,"offset":4174},"end":{"line":164,"column":20,"offset":4184}}}],"position":{"start":{"line":164,"column":10,"offset":4174},"end":{"line":164,"column":20,"offset":4184}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":164,"column":23,"offset":4187},"end":{"line":164,"column":30,"offset":4194}}}],"position":{"start":{"line":164,"column":23,"offset":4187},"end":{"line":164,"column":30,"offset":4194}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":164,"column":33,"offset":4197},"end":{"line":164,"column":37,"offset":4201}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":164,"column":37,"offset":4201},"end":{"line":164,"column":44,"offset":4208}}}],"position":{"start":{"line":164,"column":33,"offset":4197},"end":{"line":164,"column":44,"offset":4208}}},{"type":"text","value":"\n"}],"position":{"start":{"line":164,"column":1,"offset":4165},"end":{"line":164,"column":46,"offset":4210}}},{"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":165,"column":3,"offset":4213},"end":{"line":165,"column":8,"offset":4218}}}],"position":{"start":{"line":165,"column":3,"offset":4213},"end":{"line":165,"column":8,"offset":4218}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示右侧的连接点","position":{"start":{"line":165,"column":11,"offset":4221},"end":{"line":165,"column":21,"offset":4231}}}],"position":{"start":{"line":165,"column":11,"offset":4221},"end":{"line":165,"column":21,"offset":4231}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":165,"column":24,"offset":4234},"end":{"line":165,"column":31,"offset":4241}}}],"position":{"start":{"line":165,"column":24,"offset":4234},"end":{"line":165,"column":31,"offset":4241}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":165,"column":34,"offset":4244},"end":{"line":165,"column":38,"offset":4248}}},{"type":"raw","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":165,"column":38,"offset":4248},"end":{"line":165,"column":45,"offset":4255}}}],"position":{"start":{"line":165,"column":34,"offset":4244},"end":{"line":165,"column":45,"offset":4255}}},{"type":"text","value":"\n"}],"position":{"start":{"line":165,"column":1,"offset":4211},"end":{"line":165,"column":47,"offset":4257}}},{"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":166,"column":3,"offset":4260},"end":{"line":166,"column":7,"offset":4264}}}],"position":{"start":{"line":166,"column":3,"offset":4260},"end":{"line":166,"column":7,"offset":4264}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的大小","position":{"start":{"line":166,"column":10,"offset":4267},"end":{"line":166,"column":16,"offset":4273}}}],"position":{"start":{"line":166,"column":10,"offset":4267},"end":{"line":166,"column":16,"offset":4273}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":166,"column":19,"offset":4276},"end":{"line":166,"column":25,"offset":4282}}}],"position":{"start":{"line":166,"column":19,"offset":4276},"end":{"line":166,"column":25,"offset":4282}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 3","position":{"start":{"line":166,"column":28,"offset":4285},"end":{"line":166,"column":33,"offset":4290}}}],"position":{"start":{"line":166,"column":28,"offset":4285},"end":{"line":166,"column":33,"offset":4290}}},{"type":"text","value":"\n"}],"position":{"start":{"line":166,"column":1,"offset":4258},"end":{"line":166,"column":35,"offset":4292}}},{"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":167,"column":3,"offset":4295},"end":{"line":167,"column":7,"offset":4299}}}],"position":{"start":{"line":167,"column":3,"offset":4295},"end":{"line":167,"column":7,"offset":4299}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的填充色","position":{"start":{"line":167,"column":10,"offset":4302},"end":{"line":167,"column":17,"offset":4309}}}],"position":{"start":{"line":167,"column":10,"offset":4302},"end":{"line":167,"column":17,"offset":4309}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":167,"column":20,"offset":4312},"end":{"line":167,"column":26,"offset":4318}}}],"position":{"start":{"line":167,"column":20,"offset":4312},"end":{"line":167,"column":26,"offset":4318}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":167,"column":29,"offset":4321},"end":{"line":167,"column":33,"offset":4325}}},{"type":"raw","value":"<code class=\"language-text\">&#39;#``72CC4A&#39;</code>","position":{"start":{"line":167,"column":33,"offset":4325},"end":{"line":167,"column":46,"offset":4338}}}],"position":{"start":{"line":167,"column":29,"offset":4321},"end":{"line":167,"column":48,"offset":4340}}},{"type":"text","value":"\n"}],"position":{"start":{"line":167,"column":1,"offset":4293},"end":{"line":167,"column":48,"offset":4340}}},{"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":168,"column":3,"offset":4343},"end":{"line":168,"column":9,"offset":4349}}}],"position":{"start":{"line":168,"column":3,"offset":4343},"end":{"line":168,"column":9,"offset":4349}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的边框颜色","position":{"start":{"line":168,"column":12,"offset":4352},"end":{"line":168,"column":20,"offset":4360}}}],"position":{"start":{"line":168,"column":12,"offset":4352},"end":{"line":168,"column":20,"offset":4360}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":168,"column":23,"offset":4363},"end":{"line":168,"column":29,"offset":4369}}}],"position":{"start":{"line":168,"column":23,"offset":4363},"end":{"line":168,"column":29,"offset":4369}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":168,"column":32,"offset":4372},"end":{"line":168,"column":36,"offset":4376}}},{"type":"raw","value":"<code class=\"language-text\">&#39;#``72CC4A&#39;</code>","position":{"start":{"line":168,"column":36,"offset":4376},"end":{"line":168,"column":49,"offset":4389}}}],"position":{"start":{"line":168,"column":32,"offset":4372},"end":{"line":168,"column":51,"offset":4391}}},{"type":"text","value":"\n"}],"position":{"start":{"line":168,"column":1,"offset":4341},"end":{"line":168,"column":51,"offset":4391}}},{"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":169,"column":3,"offset":4394},"end":{"line":169,"column":12,"offset":4403}}}],"position":{"start":{"line":169,"column":3,"offset":4394},"end":{"line":169,"column":12,"offset":4403}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点边框的宽度","position":{"start":{"line":169,"column":15,"offset":4406},"end":{"line":169,"column":23,"offset":4414}}}],"position":{"start":{"line":169,"column":15,"offset":4406},"end":{"line":169,"column":23,"offset":4414}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":169,"column":26,"offset":4417},"end":{"line":169,"column":32,"offset":4423}}}],"position":{"start":{"line":169,"column":26,"offset":4417},"end":{"line":169,"column":32,"offset":4423}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 1","position":{"start":{"line":169,"column":35,"offset":4426},"end":{"line":169,"column":40,"offset":4431}}}],"position":{"start":{"line":169,"column":35,"offset":4426},"end":{"line":169,"column":40,"offset":4431}}},{"type":"text","value":"\n"}],"position":{"start":{"line":169,"column":1,"offset":4392},"end":{"line":169,"column":42,"offset":4433}}},{"type":"text","value":"\n"}],"position":{"start":{"line":162,"column":1,"offset":4072},"end":{"line":169,"column":42,"offset":4433}}},{"type":"text","value":"\n"}],"position":{"start":{"line":160,"column":1,"offset":4024},"end":{"line":169,"column":42,"offset":4433}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":172,"column":1,"offset":4436},"end":{"line":172,"column":6,"offset":4441}}},{"type":"element","tagName":"a","properties":{"href":"#819eF"},"children":[{"type":"text","value":"样式属性 style","position":{"start":{"line":172,"column":7,"offset":4442},"end":{"line":172,"column":17,"offset":4452}}}],"position":{"start":{"line":172,"column":6,"offset":4441},"end":{"line":172,"column":26,"offset":4461}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":172,"column":26,"offset":4461},"end":{"line":172,"column":38,"offset":4473}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":172,"column":38,"offset":4473},"end":{"line":172,"column":51,"offset":4486}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":172,"column":51,"offset":4486},"end":{"line":172,"column":57,"offset":4492}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":172,"column":57,"offset":4492},"end":{"line":172,"column":69,"offset":4504}}},{"type":"text","value":" 配置项进行连入点的配置，使之达到如下图效果。","position":{"start":{"line":172,"column":69,"offset":4504},"end":{"line":172,"column":92,"offset":4527}}},{"type":"raw","value":"<br />","position":{"start":{"line":172,"column":92,"offset":4527},"end":{"line":172,"column":98,"offset":4533}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570872543743-2eed803f-826c-4d34-9e92-3149c225b7d0.png#align=left&display=inline&height=89&name=image.png&originHeight=178&originWidth=352&search=&size=27603&status=done&width=176","alt":"image.png"},"children":[],"position":{"start":{"line":172,"column":98,"offset":4533},"end":{"line":172,"column":337,"offset":4772}}}],"position":{"start":{"line":172,"column":1,"offset":4436},"end":{"line":172,"column":337,"offset":4772}}},{"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      size<span class=\"token punctuation\">:</span> <span class=\"token number\">5</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    <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":173,"column":1,"offset":4773},"end":{"line":192,"column":4,"offset":5052}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"左侧矩形-prerect"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%B7%A6%E4%BE%A7%E7%9F%A9%E5%BD%A2-prerect","aria-label":"左侧矩形 prerect 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":"左侧矩形 preRect","position":{"start":{"line":195,"column":5,"offset":5059},"end":{"line":195,"column":17,"offset":5071}}}],"position":{"start":{"line":195,"column":1,"offset":5055},"end":{"line":195,"column":17,"offset":5071}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"通过 ","position":{"start":{"line":196,"column":1,"offset":5072},"end":{"line":196,"column":4,"offset":5075}}},{"type":"raw","value":"<code class=\"language-text\">preRect</code>","position":{"start":{"line":196,"column":4,"offset":5075},"end":{"line":196,"column":13,"offset":5084}}},{"type":"text","value":" 可以配置左侧的小矩形形状。","position":{"start":{"line":196,"column":13,"offset":5084},"end":{"line":196,"column":27,"offset":5098}}}],"position":{"start":{"line":196,"column":1,"offset":5072},"end":{"line":196,"column":27,"offset":5098}}},{"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":198,"column":3,"offset":5102},"end":{"line":198,"column":5,"offset":5104}}}],"position":{"start":{"line":198,"column":3,"offset":5102},"end":{"line":198,"column":5,"offset":5104}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":198,"column":8,"offset":5107},"end":{"line":198,"column":10,"offset":5109}}}],"position":{"start":{"line":198,"column":8,"offset":5107},"end":{"line":198,"column":10,"offset":5109}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":198,"column":13,"offset":5112},"end":{"line":198,"column":15,"offset":5114}}}],"position":{"start":{"line":198,"column":13,"offset":5112},"end":{"line":198,"column":15,"offset":5114}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":198,"column":18,"offset":5117},"end":{"line":198,"column":20,"offset":5119}}}],"position":{"start":{"line":198,"column":18,"offset":5117},"end":{"line":198,"column":20,"offset":5119}}},{"type":"text","value":"\n"}],"position":{"start":{"line":198,"column":1,"offset":5100},"end":{"line":198,"column":22,"offset":5121}}},{"type":"text","value":"\n"}],"position":{"start":{"line":198,"column":1,"offset":5100},"end":{"line":198,"column":22,"offset":5121}}},{"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":200,"column":3,"offset":5150},"end":{"line":200,"column":7,"offset":5154}}}],"position":{"start":{"line":200,"column":3,"offset":5150},"end":{"line":200,"column":7,"offset":5154}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示左侧小矩形","position":{"start":{"line":200,"column":10,"offset":5157},"end":{"line":200,"column":19,"offset":5166}}}],"position":{"start":{"line":200,"column":10,"offset":5157},"end":{"line":200,"column":19,"offset":5166}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":200,"column":22,"offset":5169},"end":{"line":200,"column":29,"offset":5176}}}],"position":{"start":{"line":200,"column":22,"offset":5169},"end":{"line":200,"column":29,"offset":5176}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":200,"column":32,"offset":5179},"end":{"line":200,"column":36,"offset":5183}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":200,"column":36,"offset":5183},"end":{"line":200,"column":42,"offset":5189}}}],"position":{"start":{"line":200,"column":32,"offset":5179},"end":{"line":200,"column":42,"offset":5189}}},{"type":"text","value":"\n"}],"position":{"start":{"line":200,"column":1,"offset":5148},"end":{"line":200,"column":44,"offset":5191}}},{"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":201,"column":3,"offset":5194},"end":{"line":201,"column":8,"offset":5199}}}],"position":{"start":{"line":201,"column":3,"offset":5194},"end":{"line":201,"column":8,"offset":5199}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"左侧小矩形的宽度","position":{"start":{"line":201,"column":11,"offset":5202},"end":{"line":201,"column":19,"offset":5210}}}],"position":{"start":{"line":201,"column":11,"offset":5202},"end":{"line":201,"column":19,"offset":5210}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":201,"column":22,"offset":5213},"end":{"line":201,"column":28,"offset":5219}}}],"position":{"start":{"line":201,"column":22,"offset":5213},"end":{"line":201,"column":28,"offset":5219}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 4","position":{"start":{"line":201,"column":31,"offset":5222},"end":{"line":201,"column":36,"offset":5227}}}],"position":{"start":{"line":201,"column":31,"offset":5222},"end":{"line":201,"column":36,"offset":5227}}},{"type":"text","value":"\n"}],"position":{"start":{"line":201,"column":1,"offset":5192},"end":{"line":201,"column":38,"offset":5229}}},{"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":202,"column":3,"offset":5232},"end":{"line":202,"column":7,"offset":5236}}}],"position":{"start":{"line":202,"column":3,"offset":5232},"end":{"line":202,"column":7,"offset":5236}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"左侧小矩形的填充色","position":{"start":{"line":202,"column":10,"offset":5239},"end":{"line":202,"column":19,"offset":5248}}}],"position":{"start":{"line":202,"column":10,"offset":5239},"end":{"line":202,"column":19,"offset":5248}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":202,"column":22,"offset":5251},"end":{"line":202,"column":28,"offset":5257}}}],"position":{"start":{"line":202,"column":22,"offset":5251},"end":{"line":202,"column":28,"offset":5257}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":202,"column":31,"offset":5260},"end":{"line":202,"column":35,"offset":5264}}},{"type":"raw","value":"<code class=\"language-text\">&#39;#40a9ff&#39;</code>","position":{"start":{"line":202,"column":35,"offset":5264},"end":{"line":202,"column":46,"offset":5275}}}],"position":{"start":{"line":202,"column":31,"offset":5260},"end":{"line":202,"column":46,"offset":5275}}},{"type":"text","value":"\n"}],"position":{"start":{"line":202,"column":1,"offset":5230},"end":{"line":202,"column":48,"offset":5277}}},{"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":"radius","position":{"start":{"line":203,"column":3,"offset":5280},"end":{"line":203,"column":9,"offset":5286}}}],"position":{"start":{"line":203,"column":3,"offset":5280},"end":{"line":203,"column":9,"offset":5286}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"左侧小矩形的圆角弧度","position":{"start":{"line":203,"column":12,"offset":5289},"end":{"line":203,"column":22,"offset":5299}}}],"position":{"start":{"line":203,"column":12,"offset":5289},"end":{"line":203,"column":22,"offset":5299}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":203,"column":25,"offset":5302},"end":{"line":203,"column":31,"offset":5308}}}],"position":{"start":{"line":203,"column":25,"offset":5302},"end":{"line":203,"column":31,"offset":5308}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 2","position":{"start":{"line":203,"column":34,"offset":5311},"end":{"line":203,"column":39,"offset":5316}}}],"position":{"start":{"line":203,"column":34,"offset":5311},"end":{"line":203,"column":39,"offset":5316}}},{"type":"text","value":"\n"}],"position":{"start":{"line":203,"column":1,"offset":5278},"end":{"line":203,"column":41,"offset":5318}}},{"type":"text","value":"\n"}],"position":{"start":{"line":200,"column":1,"offset":5148},"end":{"line":203,"column":41,"offset":5318}}},{"type":"text","value":"\n"}],"position":{"start":{"line":198,"column":1,"offset":5100},"end":{"line":203,"column":41,"offset":5318}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":206,"column":1,"offset":5321},"end":{"line":206,"column":6,"offset":5326}}},{"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":206,"column":7,"offset":5327},"end":{"line":206,"column":17,"offset":5337}}}],"position":{"start":{"line":206,"column":6,"offset":5326},"end":{"line":206,"column":31,"offset":5351}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":206,"column":31,"offset":5351},"end":{"line":206,"column":43,"offset":5363}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":206,"column":43,"offset":5363},"end":{"line":206,"column":56,"offset":5376}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":206,"column":56,"offset":5376},"end":{"line":206,"column":62,"offset":5382}}},{"type":"raw","value":"<code class=\"language-text\">preRect</code>","position":{"start":{"line":206,"column":62,"offset":5382},"end":{"line":206,"column":71,"offset":5391}}},{"type":"text","value":" 配置项进行左侧小矩形的配置，使之达到如下图效果。","position":{"start":{"line":206,"column":71,"offset":5391},"end":{"line":206,"column":96,"offset":5416}}},{"type":"raw","value":"<br />","position":{"start":{"line":206,"column":96,"offset":5416},"end":{"line":206,"column":102,"offset":5422}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570872628931-779c4f40-0149-4264-8957-483c61212759.png#align=left&display=inline&height=91&name=image.png&originHeight=182&originWidth=350&search=&size=29456&status=done&width=175","alt":"image.png"},"children":[],"position":{"start":{"line":206,"column":102,"offset":5422},"end":{"line":206,"column":341,"offset":5661}}}],"position":{"start":{"line":206,"column":1,"offset":5321},"end":{"line":206,"column":341,"offset":5661}}},{"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    preRect<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      <span class=\"token comment\">// 设置为false，则不显示</span>\n      show<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\">'#f759ab'</span><span class=\"token punctuation\">,</span>\n      width<span class=\"token punctuation\">:</span> <span class=\"token number\">8</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":207,"column":1,"offset":5662},"end":{"line":224,"column":4,"offset":5910}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"图标-logoicon--stateicon"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9B%BE%E6%A0%87-logoicon--stateicon","aria-label":"图标 logoicon  stateicon 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":"图标 logoIcon / stateIcon","position":{"start":{"line":227,"column":5,"offset":5917},"end":{"line":227,"column":28,"offset":5940}}}],"position":{"start":{"line":227,"column":1,"offset":5913},"end":{"line":227,"column":28,"offset":5940}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"通过 ","position":{"start":{"line":228,"column":1,"offset":5941},"end":{"line":228,"column":4,"offset":5944}}},{"type":"raw","value":"<code class=\"language-text\">logoIcon</code>","position":{"start":{"line":228,"column":4,"offset":5944},"end":{"line":228,"column":14,"offset":5954}}},{"type":"text","value":" 和 ","position":{"start":{"line":228,"column":14,"offset":5954},"end":{"line":228,"column":17,"offset":5957}}},{"type":"raw","value":"<code class=\"language-text\">stateIcon</code>","position":{"start":{"line":228,"column":17,"offset":5957},"end":{"line":228,"column":28,"offset":5968}}},{"type":"text","value":" 可以配置左侧的 logo 小图标和右边的状态小图标，这两个的配置项完全相同。","position":{"start":{"line":228,"column":28,"offset":5968},"end":{"line":228,"column":67,"offset":6007}}}],"position":{"start":{"line":228,"column":1,"offset":5941},"end":{"line":228,"column":67,"offset":6007}}},{"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":230,"column":3,"offset":6011},"end":{"line":230,"column":5,"offset":6013}}}],"position":{"start":{"line":230,"column":3,"offset":6011},"end":{"line":230,"column":5,"offset":6013}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":230,"column":8,"offset":6016},"end":{"line":230,"column":10,"offset":6018}}}],"position":{"start":{"line":230,"column":8,"offset":6016},"end":{"line":230,"column":10,"offset":6018}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":230,"column":13,"offset":6021},"end":{"line":230,"column":15,"offset":6023}}}],"position":{"start":{"line":230,"column":13,"offset":6021},"end":{"line":230,"column":15,"offset":6023}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":230,"column":18,"offset":6026},"end":{"line":230,"column":20,"offset":6028}}}],"position":{"start":{"line":230,"column":18,"offset":6026},"end":{"line":230,"column":20,"offset":6028}}},{"type":"text","value":"\n"}],"position":{"start":{"line":230,"column":1,"offset":6009},"end":{"line":230,"column":22,"offset":6030}}},{"type":"text","value":"\n"}],"position":{"start":{"line":230,"column":1,"offset":6009},"end":{"line":230,"column":22,"offset":6030}}},{"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":232,"column":3,"offset":6059},"end":{"line":232,"column":7,"offset":6063}}}],"position":{"start":{"line":232,"column":3,"offset":6059},"end":{"line":232,"column":7,"offset":6063}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示图标","position":{"start":{"line":232,"column":10,"offset":6066},"end":{"line":232,"column":16,"offset":6072}}}],"position":{"start":{"line":232,"column":10,"offset":6066},"end":{"line":232,"column":16,"offset":6072}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":232,"column":19,"offset":6075},"end":{"line":232,"column":26,"offset":6082}}}],"position":{"start":{"line":232,"column":19,"offset":6075},"end":{"line":232,"column":26,"offset":6082}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 ","position":{"start":{"line":232,"column":29,"offset":6085},"end":{"line":232,"column":33,"offset":6089}}},{"type":"raw","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":232,"column":33,"offset":6089},"end":{"line":232,"column":39,"offset":6095}}}],"position":{"start":{"line":232,"column":29,"offset":6085},"end":{"line":232,"column":39,"offset":6095}}},{"type":"text","value":"\n"}],"position":{"start":{"line":232,"column":1,"offset":6057},"end":{"line":232,"column":41,"offset":6097}}},{"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":233,"column":3,"offset":6100},"end":{"line":233,"column":6,"offset":6103}}}],"position":{"start":{"line":233,"column":3,"offset":6100},"end":{"line":233,"column":6,"offset":6103}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图标图片","position":{"start":{"line":233,"column":9,"offset":6106},"end":{"line":233,"column":13,"offset":6110}}}],"position":{"start":{"line":233,"column":9,"offset":6106},"end":{"line":233,"column":13,"offset":6110}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":233,"column":16,"offset":6113},"end":{"line":233,"column":22,"offset":6119}}}],"position":{"start":{"line":233,"column":16,"offset":6113},"end":{"line":233,"column":22,"offset":6119}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"raw","value":"<br />","position":{"start":{"line":233,"column":25,"offset":6122},"end":{"line":233,"column":31,"offset":6128}}},{"type":"text","value":"- 左侧图标 ","position":{"start":{"line":233,"column":31,"offset":6128},"end":{"line":233,"column":38,"offset":6135}}},{"type":"raw","value":"<code class=\"language-text\">logoIcon</code>","position":{"start":{"line":233,"column":38,"offset":6135},"end":{"line":233,"column":48,"offset":6145}}},{"type":"text","value":" 的图片默认为 ","position":{"start":{"line":233,"column":48,"offset":6145},"end":{"line":233,"column":56,"offset":6153}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570872960571-1d34ed4b-0121-4bc8-9ecd-4a5ba6fb16f5.png#align=left&display=inline&height=23&name=image.png&originHeight=46&originWidth=42&search=&size=1504&status=done&width=21","alt":"image.png"},"children":[],"position":{"start":{"line":233,"column":56,"offset":6153},"end":{"line":233,"column":291,"offset":6388}}},{"type":"raw","value":"<br />","position":{"start":{"line":233,"column":291,"offset":6388},"end":{"line":233,"column":297,"offset":6394}}},{"type":"text","value":"- 右侧图标 ","position":{"start":{"line":233,"column":297,"offset":6394},"end":{"line":233,"column":304,"offset":6401}}},{"type":"raw","value":"<code class=\"language-text\">stateIcon</code>","position":{"start":{"line":233,"column":304,"offset":6401},"end":{"line":233,"column":315,"offset":6412}}},{"type":"text","value":" 的图片默认为","position":{"start":{"line":233,"column":315,"offset":6412},"end":{"line":233,"column":322,"offset":6419}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570873009462-d278c508-4648-4521-b0c6-77b7c3459ca7.png#align=left&display=inline&height=24&name=image.png&originHeight=48&originWidth=38&search=&size=3597&status=done&width=19","alt":"image.png"},"children":[],"position":{"start":{"line":233,"column":322,"offset":6419},"end":{"line":233,"column":557,"offset":6654}}},{"type":"raw","value":"<br />","position":{"start":{"line":233,"column":557,"offset":6654},"end":{"line":233,"column":563,"offset":6660}}}],"position":{"start":{"line":233,"column":25,"offset":6122},"end":{"line":233,"column":563,"offset":6660}}},{"type":"text","value":"\n"}],"position":{"start":{"line":233,"column":1,"offset":6098},"end":{"line":233,"column":565,"offset":6662}}},{"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":234,"column":3,"offset":6665},"end":{"line":234,"column":8,"offset":6670}}}],"position":{"start":{"line":234,"column":3,"offset":6665},"end":{"line":234,"column":8,"offset":6670}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图标的宽度","position":{"start":{"line":234,"column":11,"offset":6673},"end":{"line":234,"column":16,"offset":6678}}}],"position":{"start":{"line":234,"column":11,"offset":6673},"end":{"line":234,"column":16,"offset":6678}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":234,"column":19,"offset":6681},"end":{"line":234,"column":25,"offset":6687}}}],"position":{"start":{"line":234,"column":19,"offset":6681},"end":{"line":234,"column":25,"offset":6687}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 16","position":{"start":{"line":234,"column":28,"offset":6690},"end":{"line":234,"column":34,"offset":6696}}}],"position":{"start":{"line":234,"column":28,"offset":6690},"end":{"line":234,"column":34,"offset":6696}}},{"type":"text","value":"\n"}],"position":{"start":{"line":234,"column":1,"offset":6663},"end":{"line":234,"column":36,"offset":6698}}},{"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":235,"column":3,"offset":6701},"end":{"line":235,"column":9,"offset":6707}}}],"position":{"start":{"line":235,"column":3,"offset":6701},"end":{"line":235,"column":9,"offset":6707}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图标的高度","position":{"start":{"line":235,"column":12,"offset":6710},"end":{"line":235,"column":17,"offset":6715}}}],"position":{"start":{"line":235,"column":12,"offset":6710},"end":{"line":235,"column":17,"offset":6715}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":235,"column":20,"offset":6718},"end":{"line":235,"column":26,"offset":6724}}}],"position":{"start":{"line":235,"column":20,"offset":6718},"end":{"line":235,"column":26,"offset":6724}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 16","position":{"start":{"line":235,"column":29,"offset":6727},"end":{"line":235,"column":35,"offset":6733}}}],"position":{"start":{"line":235,"column":29,"offset":6727},"end":{"line":235,"column":35,"offset":6733}}},{"type":"text","value":"\n"}],"position":{"start":{"line":235,"column":1,"offset":6699},"end":{"line":235,"column":37,"offset":6735}}},{"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":"offset","position":{"start":{"line":236,"column":3,"offset":6738},"end":{"line":236,"column":9,"offset":6744}}}],"position":{"start":{"line":236,"column":3,"offset":6738},"end":{"line":236,"column":9,"offset":6744}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"图标的左右偏移量","position":{"start":{"line":236,"column":12,"offset":6747},"end":{"line":236,"column":20,"offset":6755}}}],"position":{"start":{"line":236,"column":12,"offset":6747},"end":{"line":236,"column":20,"offset":6755}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":236,"column":23,"offset":6758},"end":{"line":236,"column":29,"offset":6764}}}],"position":{"start":{"line":236,"column":23,"offset":6758},"end":{"line":236,"column":29,"offset":6764}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"raw","value":"<br />","position":{"start":{"line":236,"column":32,"offset":6767},"end":{"line":236,"column":38,"offset":6773}}},{"type":"text","value":"- 左侧图标 ","position":{"start":{"line":236,"column":38,"offset":6773},"end":{"line":236,"column":45,"offset":6780}}},{"type":"raw","value":"<code class=\"language-text\">logoIcon</code>","position":{"start":{"line":236,"column":45,"offset":6780},"end":{"line":236,"column":55,"offset":6790}}},{"type":"text","value":" 的 ","position":{"start":{"line":236,"column":55,"offset":6790},"end":{"line":236,"column":58,"offset":6793}}},{"type":"raw","value":"<code class=\"language-text\">offset</code>","position":{"start":{"line":236,"column":58,"offset":6793},"end":{"line":236,"column":66,"offset":6801}}},{"type":"text","value":" 默认为 0","position":{"start":{"line":236,"column":66,"offset":6801},"end":{"line":236,"column":72,"offset":6807}}},{"type":"raw","value":"<br />","position":{"start":{"line":236,"column":72,"offset":6807},"end":{"line":236,"column":78,"offset":6813}}},{"type":"text","value":"- 右侧图标 ","position":{"start":{"line":236,"column":78,"offset":6813},"end":{"line":236,"column":85,"offset":6820}}},{"type":"raw","value":"<code class=\"language-text\">stateIcon</code>","position":{"start":{"line":236,"column":85,"offset":6820},"end":{"line":236,"column":96,"offset":6831}}},{"type":"text","value":" 的 ","position":{"start":{"line":236,"column":96,"offset":6831},"end":{"line":236,"column":99,"offset":6834}}},{"type":"raw","value":"<code class=\"language-text\">offset</code>","position":{"start":{"line":236,"column":99,"offset":6834},"end":{"line":236,"column":107,"offset":6842}}},{"type":"text","value":" 默认为 -5","position":{"start":{"line":236,"column":107,"offset":6842},"end":{"line":236,"column":114,"offset":6849}}},{"type":"raw","value":"<br />","position":{"start":{"line":236,"column":114,"offset":6849},"end":{"line":236,"column":120,"offset":6855}}}],"position":{"start":{"line":236,"column":32,"offset":6767},"end":{"line":236,"column":120,"offset":6855}}},{"type":"text","value":"\n"}],"position":{"start":{"line":236,"column":1,"offset":6736},"end":{"line":236,"column":122,"offset":6857}}},{"type":"text","value":"\n"}],"position":{"start":{"line":232,"column":1,"offset":6057},"end":{"line":236,"column":122,"offset":6857}}},{"type":"text","value":"\n"}],"position":{"start":{"line":230,"column":1,"offset":6009},"end":{"line":236,"column":122,"offset":6857}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":239,"column":1,"offset":6860},"end":{"line":239,"column":6,"offset":6865}}},{"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":239,"column":7,"offset":6866},"end":{"line":239,"column":17,"offset":6876}}}],"position":{"start":{"line":239,"column":6,"offset":6865},"end":{"line":239,"column":31,"offset":6890}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":239,"column":31,"offset":6890},"end":{"line":239,"column":43,"offset":6902}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":239,"column":43,"offset":6902},"end":{"line":239,"column":56,"offset":6915}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":239,"column":56,"offset":6915},"end":{"line":239,"column":62,"offset":6921}}},{"type":"raw","value":"<code class=\"language-text\">logoIcon</code>","position":{"start":{"line":239,"column":62,"offset":6921},"end":{"line":239,"column":72,"offset":6931}}},{"type":"text","value":" 和 ","position":{"start":{"line":239,"column":72,"offset":6931},"end":{"line":239,"column":75,"offset":6934}}},{"type":"raw","value":"<code class=\"language-text\">stateIcon</code>","position":{"start":{"line":239,"column":75,"offset":6934},"end":{"line":239,"column":86,"offset":6945}}},{"type":"text","value":" 配置项进行左右图标的配置，使之达到如下图效果，左侧图标不显示，右侧图标更换图片。","position":{"start":{"line":239,"column":86,"offset":6945},"end":{"line":239,"column":127,"offset":6986}}},{"type":"raw","value":"<br />","position":{"start":{"line":239,"column":127,"offset":6986},"end":{"line":239,"column":133,"offset":6992}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570873145288-207d055e-7d72-46f3-a1e8-471f39299dae.png#align=left&display=inline&height=84&name=image.png&originHeight=168&originWidth=360&search=&size=28301&status=done&width=180","alt":"image.png"},"children":[],"position":{"start":{"line":239,"column":133,"offset":6992},"end":{"line":239,"column":372,"offset":7231}}}],"position":{"start":{"line":239,"column":1,"offset":6860},"end":{"line":239,"column":372,"offset":7231}}},{"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    logoIcon<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      show<span class=\"token punctuation\">:</span> <span class=\"token boolean\">false</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    stateIcon<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      img<span class=\"token punctuation\">:</span>\n        <span class=\"token string\">'https://gw.alipayobjects.com/zos/basement_prod/c781088a-c635-452a-940c-0173663456d4.svg'</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":240,"column":1,"offset":7232},"end":{"line":258,"column":4,"offset":7562}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":259,"column":1,"offset":7563}}}}