@antv/g6
Version:
graph visualization frame work
1 lines • 77.6 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-ast-c0a6ea33a1bf13434afadb78357cd9a7-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 内置了星形 star 节点，其默认样式如下。标签文本位于星形中央。","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":37,"offset":37}}},{"type":"raw","value":"<br />","position":{"start":{"line":2,"column":37,"offset":37},"end":{"line":2,"column":43,"offset":43}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871484482-49e8f166-c927-475c-9f33-446f4ea2f995.png#align=left&display=inline&height=99&name=image.png&originHeight=198&originWidth=206&search=&size=24594&status=done&width=103","alt":"image.png"},"children":[],"position":{"start":{"line":2,"column":43,"offset":43},"end":{"line":2,"column":282,"offset":282}}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":282,"offset":282}}},{"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":5,"column":4,"offset":288},"end":{"line":5,"column":8,"offset":292}}}],"position":{"start":{"line":5,"column":1,"offset":285},"end":{"line":5,"column":8,"offset":292}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如 ","position":{"start":{"line":6,"column":1,"offset":293},"end":{"line":6,"column":3,"offset":295}}},{"type":"element","tagName":"a","properties":{"href":"../defaultNode"},"children":[{"type":"text","value":"内置节点","position":{"start":{"line":6,"column":4,"offset":296},"end":{"line":6,"column":8,"offset":300}}}],"position":{"start":{"line":6,"column":3,"offset":295},"end":{"line":6,"column":25,"offset":317}}},{"type":"text","value":" 一节所示，配置节点的方式有两种：实例化图时全局配置，在数据中动态配置。","position":{"start":{"line":6,"column":25,"offset":317},"end":{"line":6,"column":61,"offset":353}}}],"position":{"start":{"line":6,"column":1,"offset":293},"end":{"line":6,"column":61,"offset":353}}},{"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":9,"column":5,"offset":360},"end":{"line":9,"column":16,"offset":371}}}],"position":{"start":{"line":9,"column":1,"offset":356},"end":{"line":9,"column":16,"offset":371}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"用户在实例化 Graph 时候可以通过 ","position":{"start":{"line":10,"column":1,"offset":372},"end":{"line":10,"column":21,"offset":392}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":10,"column":21,"offset":392},"end":{"line":10,"column":34,"offset":405}}},{"type":"text","value":" 指定 ","position":{"start":{"line":10,"column":34,"offset":405},"end":{"line":10,"column":38,"offset":409}}},{"type":"raw","value":"<code class=\"language-text\">shape</code>","position":{"start":{"line":10,"column":38,"offset":409},"end":{"line":10,"column":45,"offset":416}}},{"type":"text","value":" 为 ","position":{"start":{"line":10,"column":45,"offset":416},"end":{"line":10,"column":48,"offset":419}}},{"type":"raw","value":"<code class=\"language-text\">'star'</code>","position":{"start":{"line":10,"column":48,"offset":419},"end":{"line":10,"column":56,"offset":427}}},{"type":"text","value":"，即可使用 ","position":{"start":{"line":10,"column":56,"offset":427},"end":{"line":10,"column":62,"offset":433}}},{"type":"raw","value":"<code class=\"language-text\">star</code>","position":{"start":{"line":10,"column":62,"offset":433},"end":{"line":10,"column":68,"offset":439}}},{"type":"text","value":" 节点。","position":{"start":{"line":10,"column":68,"offset":439},"end":{"line":10,"column":72,"offset":443}}}],"position":{"start":{"line":10,"column":1,"offset":372},"end":{"line":10,"column":72,"offset":443}}},{"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\">'star'</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":11,"column":1,"offset":444},"end":{"line":21,"column":4,"offset":600}}},{"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":24,"column":5,"offset":607},"end":{"line":24,"column":15,"offset":617}}}],"position":{"start":{"line":24,"column":1,"offset":603},"end":{"line":24,"column":15,"offset":617}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"如果需要使不同节点有不同的配置，可以将配置写入到节点数据中。这种配置方式可以通过下面代码的形式直接写入数据，也可以通过遍历数据的方式写入。","position":{"start":{"line":25,"column":1,"offset":618},"end":{"line":25,"column":70,"offset":687}}}],"position":{"start":{"line":25,"column":1,"offset":618},"end":{"line":25,"column":70,"offset":687}}},{"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\">'star'</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":26,"column":1,"offset":688},"end":{"line":39,"column":4,"offset":841}}},{"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":42,"column":4,"offset":847},"end":{"line":42,"column":9,"offset":852}}}],"position":{"start":{"line":42,"column":1,"offset":844},"end":{"line":42,"column":9,"offset":852}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"star 节点支持以下的配置项：","position":{"start":{"line":43,"column":1,"offset":853},"end":{"line":43,"column":17,"offset":869}}}],"position":{"start":{"line":43,"column":1,"offset":853},"end":{"line":43,"column":17,"offset":869}}},{"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":45,"column":3,"offset":873},"end":{"line":45,"column":5,"offset":875}}}],"position":{"start":{"line":45,"column":3,"offset":873},"end":{"line":45,"column":5,"offset":875}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":45,"column":8,"offset":878},"end":{"line":45,"column":10,"offset":880}}}],"position":{"start":{"line":45,"column":8,"offset":878},"end":{"line":45,"column":10,"offset":880}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":45,"column":13,"offset":883},"end":{"line":45,"column":15,"offset":885}}}],"position":{"start":{"line":45,"column":13,"offset":883},"end":{"line":45,"column":15,"offset":885}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":45,"column":18,"offset":888},"end":{"line":45,"column":20,"offset":890}}}],"position":{"start":{"line":45,"column":18,"offset":888},"end":{"line":45,"column":20,"offset":890}}},{"type":"text","value":"\n"}],"position":{"start":{"line":45,"column":1,"offset":871},"end":{"line":45,"column":22,"offset":892}}},{"type":"text","value":"\n"}],"position":{"start":{"line":45,"column":1,"offset":871},"end":{"line":45,"column":22,"offset":892}}},{"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":47,"column":3,"offset":921},"end":{"line":47,"column":7,"offset":925}}}],"position":{"start":{"line":47,"column":3,"offset":921},"end":{"line":47,"column":7,"offset":925}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"五角星的大小","position":{"start":{"line":47,"column":10,"offset":928},"end":{"line":47,"column":16,"offset":934}}}],"position":{"start":{"line":47,"column":10,"offset":928},"end":{"line":47,"column":16,"offset":934}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"number","position":{"start":{"line":47,"column":19,"offset":937},"end":{"line":47,"column":25,"offset":943}}}],"position":{"start":{"line":47,"column":19,"offset":937},"end":{"line":47,"column":25,"offset":943}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Array","position":{"start":{"line":47,"column":28,"offset":946},"end":{"line":47,"column":33,"offset":951}}}],"position":{"start":{"line":47,"column":28,"offset":946},"end":{"line":47,"column":33,"offset":951}}},{"type":"text","value":"\n"}],"position":{"start":{"line":47,"column":1,"offset":919},"end":{"line":47,"column":50,"offset":968}}},{"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":"innerR","position":{"start":{"line":48,"column":5,"offset":973},"end":{"line":48,"column":11,"offset":979}}}],"position":{"start":{"line":48,"column":3,"offset":971},"end":{"line":48,"column":13,"offset":981}}}],"position":{"start":{"line":48,"column":3,"offset":971},"end":{"line":48,"column":13,"offset":981}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"五角星内环大小","position":{"start":{"line":48,"column":18,"offset":986},"end":{"line":48,"column":25,"offset":993}}}],"position":{"start":{"line":48,"column":16,"offset":984},"end":{"line":48,"column":27,"offset":995}}}],"position":{"start":{"line":48,"column":16,"offset":984},"end":{"line":48,"column":27,"offset":995}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Number","position":{"start":{"line":48,"column":32,"offset":1000},"end":{"line":48,"column":38,"offset":1006}}}],"position":{"start":{"line":48,"column":30,"offset":998},"end":{"line":48,"column":40,"offset":1008}}}],"position":{"start":{"line":48,"column":30,"offset":998},"end":{"line":48,"column":40,"offset":1008}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认为 size * 3 / 8","position":{"start":{"line":48,"column":45,"offset":1013},"end":{"line":48,"column":61,"offset":1029}}}],"position":{"start":{"line":48,"column":43,"offset":1011},"end":{"line":48,"column":63,"offset":1031}}}],"position":{"start":{"line":48,"column":43,"offset":1011},"end":{"line":48,"column":63,"offset":1031}}},{"type":"text","value":"\n"}],"position":{"start":{"line":48,"column":1,"offset":969},"end":{"line":48,"column":65,"offset":1033}}},{"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":49,"column":3,"offset":1036},"end":{"line":49,"column":8,"offset":1041}}}],"position":{"start":{"line":49,"column":3,"offset":1036},"end":{"line":49,"column":8,"offset":1041}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"五角星的默认样式","position":{"start":{"line":49,"column":11,"offset":1044},"end":{"line":49,"column":19,"offset":1052}}}],"position":{"start":{"line":49,"column":11,"offset":1044},"end":{"line":49,"column":19,"offset":1052}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":49,"column":22,"offset":1055},"end":{"line":49,"column":28,"offset":1061}}}],"position":{"start":{"line":49,"column":22,"offset":1055},"end":{"line":49,"column":28,"offset":1061}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Canvas 支持的属性","position":{"start":{"line":49,"column":31,"offset":1064},"end":{"line":49,"column":43,"offset":1076}}}],"position":{"start":{"line":49,"column":31,"offset":1064},"end":{"line":49,"column":43,"offset":1076}}},{"type":"text","value":"\n"}],"position":{"start":{"line":49,"column":1,"offset":1034},"end":{"line":49,"column":45,"offset":1078}}},{"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":50,"column":3,"offset":1081},"end":{"line":50,"column":11,"offset":1089}}}],"position":{"start":{"line":50,"column":3,"offset":1081},"end":{"line":50,"column":11,"offset":1089}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"文件配置项","position":{"start":{"line":50,"column":14,"offset":1092},"end":{"line":50,"column":19,"offset":1097}}}],"position":{"start":{"line":50,"column":14,"offset":1092},"end":{"line":50,"column":19,"offset":1097}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":50,"column":22,"offset":1100},"end":{"line":50,"column":28,"offset":1106}}}],"position":{"start":{"line":50,"column":22,"offset":1100},"end":{"line":50,"column":28,"offset":1106}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":50,"column":32,"offset":1110},"end":{"line":50,"column":32,"offset":1110}}},{"type":"text","value":"\n"}],"position":{"start":{"line":50,"column":1,"offset":1079},"end":{"line":50,"column":33,"offset":1111}}},{"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":51,"column":3,"offset":1114},"end":{"line":51,"column":14,"offset":1125}}}],"position":{"start":{"line":51,"column":3,"offset":1114},"end":{"line":51,"column":14,"offset":1125}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"各状态下的样式","position":{"start":{"line":51,"column":17,"offset":1128},"end":{"line":51,"column":24,"offset":1135}}}],"position":{"start":{"line":51,"column":17,"offset":1128},"end":{"line":51,"column":24,"offset":1135}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":51,"column":27,"offset":1138},"end":{"line":51,"column":33,"offset":1144}}}],"position":{"start":{"line":51,"column":27,"offset":1138},"end":{"line":51,"column":33,"offset":1144}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"只对 keyShape 起作用","position":{"start":{"line":51,"column":36,"offset":1147},"end":{"line":51,"column":51,"offset":1162}}}],"position":{"start":{"line":51,"column":36,"offset":1147},"end":{"line":51,"column":51,"offset":1162}}},{"type":"text","value":"\n"}],"position":{"start":{"line":51,"column":1,"offset":1112},"end":{"line":51,"column":53,"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":"linkPoints","position":{"start":{"line":52,"column":3,"offset":1167},"end":{"line":52,"column":13,"offset":1177}}}],"position":{"start":{"line":52,"column":3,"offset":1167},"end":{"line":52,"column":13,"offset":1177}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"五角星上的链接点","position":{"start":{"line":52,"column":16,"offset":1180},"end":{"line":52,"column":24,"offset":1188}}}],"position":{"start":{"line":52,"column":16,"offset":1180},"end":{"line":52,"column":24,"offset":1188}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":52,"column":27,"offset":1191},"end":{"line":52,"column":33,"offset":1197}}}],"position":{"start":{"line":52,"column":27,"offset":1191},"end":{"line":52,"column":33,"offset":1197}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示","position":{"start":{"line":52,"column":36,"offset":1200},"end":{"line":52,"column":41,"offset":1205}}}],"position":{"start":{"line":52,"column":36,"offset":1200},"end":{"line":52,"column":41,"offset":1205}}},{"type":"text","value":"\n"}],"position":{"start":{"line":52,"column":1,"offset":1165},"end":{"line":52,"column":43,"offset":1207}}},{"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":53,"column":3,"offset":1210},"end":{"line":53,"column":7,"offset":1214}}}],"position":{"start":{"line":53,"column":3,"offset":1210},"end":{"line":53,"column":7,"offset":1214}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"五角星上icon配置","position":{"start":{"line":53,"column":10,"offset":1217},"end":{"line":53,"column":20,"offset":1227}}}],"position":{"start":{"line":53,"column":10,"offset":1217},"end":{"line":53,"column":20,"offset":1227}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Object","position":{"start":{"line":53,"column":23,"offset":1230},"end":{"line":53,"column":29,"offset":1236}}}],"position":{"start":{"line":53,"column":23,"offset":1230},"end":{"line":53,"column":29,"offset":1236}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认不显示 icon","position":{"start":{"line":53,"column":32,"offset":1239},"end":{"line":53,"column":42,"offset":1249}}}],"position":{"start":{"line":53,"column":32,"offset":1239},"end":{"line":53,"column":42,"offset":1249}}},{"type":"text","value":"\n"}],"position":{"start":{"line":53,"column":1,"offset":1208},"end":{"line":53,"column":44,"offset":1251}}},{"type":"text","value":"\n"}],"position":{"start":{"line":47,"column":1,"offset":919},"end":{"line":53,"column":44,"offset":1251}}},{"type":"text","value":"\n"}],"position":{"start":{"line":45,"column":1,"offset":871},"end":{"line":53,"column":44,"offset":1251}}},{"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":57,"column":5,"offset":1259},"end":{"line":57,"column":15,"offset":1269}}}],"position":{"start":{"line":57,"column":1,"offset":1255},"end":{"line":57,"column":15,"offset":1269}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":58,"column":1,"offset":1270},"end":{"line":58,"column":14,"offset":1283}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":58,"column":14,"offset":1283},"end":{"line":58,"column":21,"offset":1290}}},{"type":"text","value":" 配置来修改节点的填充色、描边等属性。下面代码演示在实例化图时全局配置方法中配置 ","position":{"start":{"line":58,"column":21,"offset":1290},"end":{"line":58,"column":62,"offset":1331}}},{"type":"raw","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":58,"column":62,"offset":1331},"end":{"line":58,"column":69,"offset":1338}}},{"type":"text","value":"，使之达到如下图效果。","position":{"start":{"line":58,"column":69,"offset":1338},"end":{"line":58,"column":80,"offset":1349}}},{"type":"raw","value":"<br />","position":{"start":{"line":58,"column":80,"offset":1349},"end":{"line":58,"column":86,"offset":1355}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871601433-6d20ec22-a48b-4247-9d12-042f831b9f25.png#align=left&display=inline&height=130&name=image.png&originHeight=260&originWidth=286&search=&size=41765&status=done&width=143","alt":"image.png"},"children":[],"position":{"start":{"line":58,"column":86,"offset":1355},"end":{"line":58,"column":326,"offset":1595}}}],"position":{"start":{"line":58,"column":1,"offset":1270},"end":{"line":58,"column":326,"offset":1595}}},{"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\">'star'</span><span class=\"token punctuation\">,</span>\n label<span class=\"token punctuation\">:</span> <span class=\"token string\">'star'</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: 'star', // 在数据中已经指定 shape，这里无需再次指定</span>\n size<span class=\"token punctuation\">:</span> <span class=\"token number\">80</span><span class=\"token punctuation\">,</span>\n style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#bae637'</span><span class=\"token punctuation\">,</span>\n stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#eaff8f'</span><span class=\"token punctuation\">,</span>\n lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">5</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">data</span><span class=\"token punctuation\">(</span>data<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">render</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":59,"column":1,"offset":1596},"end":{"line":84,"column":4,"offset":2002}}},{"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":87,"column":5,"offset":2009},"end":{"line":87,"column":20,"offset":2024}}}],"position":{"start":{"line":87,"column":1,"offset":2005},"end":{"line":87,"column":20,"offset":2024}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过 ","position":{"start":{"line":88,"column":1,"offset":2025},"end":{"line":88,"column":14,"offset":2038}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":88,"column":14,"offset":2038},"end":{"line":88,"column":24,"offset":2048}}},{"type":"text","value":" 配置标签文本。基于上面 ","position":{"start":{"line":88,"column":24,"offset":2048},"end":{"line":88,"column":37,"offset":2061}}},{"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":88,"column":38,"offset":2062},"end":{"line":88,"column":48,"offset":2072}}}],"position":{"start":{"line":88,"column":37,"offset":2061},"end":{"line":88,"column":62,"offset":2086}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":88,"column":62,"offset":2086},"end":{"line":88,"column":74,"offset":2098}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":88,"column":74,"offset":2098},"end":{"line":88,"column":87,"offset":2111}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":88,"column":87,"offset":2111},"end":{"line":88,"column":93,"offset":2117}}},{"type":"raw","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":88,"column":93,"offset":2117},"end":{"line":88,"column":103,"offset":2127}}},{"type":"text","value":" 配置项进行文本的配置，使之达到如下图效果。","position":{"start":{"line":88,"column":103,"offset":2127},"end":{"line":88,"column":125,"offset":2149}}},{"type":"raw","value":"<br />","position":{"start":{"line":88,"column":125,"offset":2149},"end":{"line":88,"column":131,"offset":2155}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871650810-f55fd03b-d3b9-434b-8574-80457919a4ee.png#align=left&display=inline&height=140&name=image.png&originHeight=280&originWidth=270&search=&size=43219&status=done&width=135","alt":"image.png"},"children":[],"position":{"start":{"line":88,"column":131,"offset":2155},"end":{"line":88,"column":371,"offset":2395}}}],"position":{"start":{"line":88,"column":1,"offset":2025},"end":{"line":88,"column":371,"offset":2395}}},{"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":89,"column":1,"offset":2396},"end":{"line":106,"column":4,"offset":2634}}},{"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":109,"column":5,"offset":2641},"end":{"line":109,"column":21,"offset":2657}}}],"position":{"start":{"line":109,"column":1,"offset":2637},"end":{"line":109,"column":21,"offset":2657}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过配置 ","position":{"start":{"line":110,"column":1,"offset":2658},"end":{"line":110,"column":16,"offset":2673}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":110,"column":16,"offset":2673},"end":{"line":110,"column":28,"offset":2685}}},{"type":"text","value":" ，可以指定圆周围「上、下、左、右」四个方向上边的连入点。","position":{"start":{"line":110,"column":28,"offset":2685},"end":{"line":110,"column":57,"offset":2714}}}],"position":{"start":{"line":110,"column":1,"offset":2658},"end":{"line":110,"column":57,"offset":2714}}},{"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":112,"column":3,"offset":2718},"end":{"line":112,"column":5,"offset":2720}}}],"position":{"start":{"line":112,"column":3,"offset":2718},"end":{"line":112,"column":5,"offset":2720}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":112,"column":8,"offset":2723},"end":{"line":112,"column":10,"offset":2725}}}],"position":{"start":{"line":112,"column":8,"offset":2723},"end":{"line":112,"column":10,"offset":2725}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":112,"column":13,"offset":2728},"end":{"line":112,"column":15,"offset":2730}}}],"position":{"start":{"line":112,"column":13,"offset":2728},"end":{"line":112,"column":15,"offset":2730}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":112,"column":18,"offset":2733},"end":{"line":112,"column":20,"offset":2735}}}],"position":{"start":{"line":112,"column":18,"offset":2733},"end":{"line":112,"column":20,"offset":2735}}},{"type":"text","value":"\n"}],"position":{"start":{"line":112,"column":1,"offset":2716},"end":{"line":112,"column":22,"offset":2737}}},{"type":"text","value":"\n"}],"position":{"start":{"line":112,"column":1,"offset":2716},"end":{"line":112,"column":22,"offset":2737}}},{"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":114,"column":3,"offset":2766},"end":{"line":114,"column":6,"offset":2769}}}],"position":{"start":{"line":114,"column":3,"offset":2766},"end":{"line":114,"column":6,"offset":2769}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示上部的连接点","position":{"start":{"line":114,"column":9,"offset":2772},"end":{"line":114,"column":19,"offset":2782}}}],"position":{"start":{"line":114,"column":9,"offset":2772},"end":{"line":114,"column":19,"offset":2782}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":114,"column":22,"offset":2785},"end":{"line":114,"column":29,"offset":2792}}}],"position":{"start":{"line":114,"column":22,"offset":2785},"end":{"line":114,"column":29,"offset":2792}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 false","position":{"start":{"line":114,"column":32,"offset":2795},"end":{"line":114,"column":41,"offset":2804}}}],"position":{"start":{"line":114,"column":32,"offset":2795},"end":{"line":114,"column":41,"offset":2804}}},{"type":"text","value":"\n"}],"position":{"start":{"line":114,"column":1,"offset":2764},"end":{"line":114,"column":43,"offset":2806}}},{"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":"leftBottom","position":{"start":{"line":115,"column":5,"offset":2811},"end":{"line":115,"column":15,"offset":2821}}}],"position":{"start":{"line":115,"column":3,"offset":2809},"end":{"line":115,"column":17,"offset":2823}}}],"position":{"start":{"line":115,"column":3,"offset":2809},"end":{"line":115,"column":17,"offset":2823}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"是否显示左底部的连接点","position":{"start":{"line":115,"column":22,"offset":2828},"end":{"line":115,"column":33,"offset":2839}}}],"position":{"start":{"line":115,"column":20,"offset":2826},"end":{"line":115,"column":35,"offset":2841}}}],"position":{"start":{"line":115,"column":20,"offset":2826},"end":{"line":115,"column":35,"offset":2841}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":115,"column":40,"offset":2846},"end":{"line":115,"column":47,"offset":2853}}}],"position":{"start":{"line":115,"column":38,"offset":2844},"end":{"line":115,"column":49,"offset":2855}}}],"position":{"start":{"line":115,"column":38,"offset":2844},"end":{"line":115,"column":49,"offset":2855}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认为 false，star 特有","position":{"start":{"line":115,"column":54,"offset":2860},"end":{"line":115,"column":71,"offset":2877}}}],"position":{"start":{"line":115,"column":52,"offset":2858},"end":{"line":115,"column":73,"offset":2879}}}],"position":{"start":{"line":115,"column":52,"offset":2858},"end":{"line":115,"column":73,"offset":2879}}},{"type":"text","value":"\n"}],"position":{"start":{"line":115,"column":1,"offset":2807},"end":{"line":115,"column":75,"offset":2881}}},{"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":"rightBottom","position":{"start":{"line":116,"column":5,"offset":2886},"end":{"line":116,"column":16,"offset":2897}}}],"position":{"start":{"line":116,"column":3,"offset":2884},"end":{"line":116,"column":18,"offset":2899}}}],"position":{"start":{"line":116,"column":3,"offset":2884},"end":{"line":116,"column":18,"offset":2899}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"是否显示右底部的连接点","position":{"start":{"line":116,"column":23,"offset":2904},"end":{"line":116,"column":34,"offset":2915}}}],"position":{"start":{"line":116,"column":21,"offset":2902},"end":{"line":116,"column":36,"offset":2917}}}],"position":{"start":{"line":116,"column":21,"offset":2902},"end":{"line":116,"column":36,"offset":2917}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":116,"column":41,"offset":2922},"end":{"line":116,"column":48,"offset":2929}}}],"position":{"start":{"line":116,"column":39,"offset":2920},"end":{"line":116,"column":50,"offset":2931}}}],"position":{"start":{"line":116,"column":39,"offset":2920},"end":{"line":116,"column":50,"offset":2931}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"默认为 false，star 特有","position":{"start":{"line":116,"column":55,"offset":2936},"end":{"line":116,"column":72,"offset":2953}}}],"position":{"start":{"line":116,"column":53,"offset":2934},"end":{"line":116,"column":74,"offset":2955}}}],"position":{"start":{"line":116,"column":53,"offset":2934},"end":{"line":116,"column":74,"offset":2955}}},{"type":"text","value":"\n"}],"position":{"start":{"line":116,"column":1,"offset":2882},"end":{"line":116,"column":76,"offset":2957}}},{"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":117,"column":3,"offset":2960},"end":{"line":117,"column":7,"offset":2964}}}],"position":{"start":{"line":117,"column":3,"offset":2960},"end":{"line":117,"column":7,"offset":2964}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示左侧的连接点","position":{"start":{"line":117,"column":10,"offset":2967},"end":{"line":117,"column":20,"offset":2977}}}],"position":{"start":{"line":117,"column":10,"offset":2967},"end":{"line":117,"column":20,"offset":2977}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":117,"column":23,"offset":2980},"end":{"line":117,"column":30,"offset":2987}}}],"position":{"start":{"line":117,"column":23,"offset":2980},"end":{"line":117,"column":30,"offset":2987}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 false","position":{"start":{"line":117,"column":33,"offset":2990},"end":{"line":117,"column":42,"offset":2999}}}],"position":{"start":{"line":117,"column":33,"offset":2990},"end":{"line":117,"column":42,"offset":2999}}},{"type":"text","value":"\n"}],"position":{"start":{"line":117,"column":1,"offset":2958},"end":{"line":117,"column":44,"offset":3001}}},{"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":118,"column":3,"offset":3004},"end":{"line":118,"column":8,"offset":3009}}}],"position":{"start":{"line":118,"column":3,"offset":3004},"end":{"line":118,"column":8,"offset":3009}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示右侧的连接点","position":{"start":{"line":118,"column":11,"offset":3012},"end":{"line":118,"column":21,"offset":3022}}}],"position":{"start":{"line":118,"column":11,"offset":3012},"end":{"line":118,"column":21,"offset":3022}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":118,"column":24,"offset":3025},"end":{"line":118,"column":31,"offset":3032}}}],"position":{"start":{"line":118,"column":24,"offset":3025},"end":{"line":118,"column":31,"offset":3032}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 false","position":{"start":{"line":118,"column":34,"offset":3035},"end":{"line":118,"column":43,"offset":3044}}}],"position":{"start":{"line":118,"column":34,"offset":3035},"end":{"line":118,"column":43,"offset":3044}}},{"type":"text","value":"\n"}],"position":{"start":{"line":118,"column":1,"offset":3002},"end":{"line":118,"column":45,"offset":3046}}},{"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":119,"column":3,"offset":3049},"end":{"line":119,"column":7,"offset":3053}}}],"position":{"start":{"line":119,"column":3,"offset":3049},"end":{"line":119,"column":7,"offset":3053}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的大小","position":{"start":{"line":119,"column":10,"offset":3056},"end":{"line":119,"column":16,"offset":3062}}}],"position":{"start":{"line":119,"column":10,"offset":3056},"end":{"line":119,"column":16,"offset":3062}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":119,"column":19,"offset":3065},"end":{"line":119,"column":25,"offset":3071}}}],"position":{"start":{"line":119,"column":19,"offset":3065},"end":{"line":119,"column":25,"offset":3071}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 3","position":{"start":{"line":119,"column":28,"offset":3074},"end":{"line":119,"column":33,"offset":3079}}}],"position":{"start":{"line":119,"column":28,"offset":3074},"end":{"line":119,"column":33,"offset":3079}}},{"type":"text","value":"\n"}],"position":{"start":{"line":119,"column":1,"offset":3047},"end":{"line":119,"column":35,"offset":3081}}},{"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":120,"column":3,"offset":3084},"end":{"line":120,"column":7,"offset":3088}}}],"position":{"start":{"line":120,"column":3,"offset":3084},"end":{"line":120,"column":7,"offset":3088}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的填充色","position":{"start":{"line":120,"column":10,"offset":3091},"end":{"line":120,"column":17,"offset":3098}}}],"position":{"start":{"line":120,"column":10,"offset":3091},"end":{"line":120,"column":17,"offset":3098}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":120,"column":20,"offset":3101},"end":{"line":120,"column":26,"offset":3107}}}],"position":{"start":{"line":120,"column":20,"offset":3101},"end":{"line":120,"column":26,"offset":3107}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 '#72CC4A'","position":{"start":{"line":120,"column":29,"offset":3110},"end":{"line":120,"column":42,"offset":3123}}}],"position":{"start":{"line":120,"column":29,"offset":3110},"end":{"line":120,"column":42,"offset":3123}}},{"type":"text","value":"\n"}],"position":{"start":{"line":120,"column":1,"offset":3082},"end":{"line":120,"column":44,"offset":3125}}},{"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":121,"column":3,"offset":3128},"end":{"line":121,"column":9,"offset":3134}}}],"position":{"start":{"line":121,"column":3,"offset":3128},"end":{"line":121,"column":9,"offset":3134}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点的边框颜色","position":{"start":{"line":121,"column":12,"offset":3137},"end":{"line":121,"column":20,"offset":3145}}}],"position":{"start":{"line":121,"column":12,"offset":3137},"end":{"line":121,"column":20,"offset":3145}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":121,"column":23,"offset":3148},"end":{"line":121,"column":29,"offset":3154}}}],"position":{"start":{"line":121,"column":23,"offset":3148},"end":{"line":121,"column":29,"offset":3154}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 '#72CC4A'","position":{"start":{"line":121,"column":32,"offset":3157},"end":{"line":121,"column":45,"offset":3170}}}],"position":{"start":{"line":121,"column":32,"offset":3157},"end":{"line":121,"column":45,"offset":3170}}},{"type":"text","value":"\n"}],"position":{"start":{"line":121,"column":1,"offset":3126},"end":{"line":121,"column":47,"offset":3172}}},{"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":122,"column":3,"offset":3175},"end":{"line":122,"column":12,"offset":3184}}}],"position":{"start":{"line":122,"column":3,"offset":3175},"end":{"line":122,"column":12,"offset":3184}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"连接点边框的宽度","position":{"start":{"line":122,"column":15,"offset":3187},"end":{"line":122,"column":23,"offset":3195}}}],"position":{"start":{"line":122,"column":15,"offset":3187},"end":{"line":122,"column":23,"offset":3195}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":122,"column":26,"offset":3198},"end":{"line":122,"column":32,"offset":3204}}}],"position":{"start":{"line":122,"column":26,"offset":3198},"end":{"line":122,"column":32,"offset":3204}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为 1","position":{"start":{"line":122,"column":35,"offset":3207},"end":{"line":122,"column":40,"offset":3212}}}],"position":{"start":{"line":122,"column":35,"offset":3207},"end":{"line":122,"column":40,"offset":3212}}},{"type":"text","value":"\n"}],"position":{"start":{"line":122,"column":1,"offset":3173},"end":{"line":122,"column":42,"offset":3214}}},{"type":"text","value":"\n"}],"position":{"start":{"line":114,"column":1,"offset":2764},"end":{"line":122,"column":42,"offset":3214}}},{"type":"text","value":"\n"}],"position":{"start":{"line":112,"column":1,"offset":2716},"end":{"line":122,"column":42,"offset":3214}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":125,"column":1,"offset":3217},"end":{"line":125,"column":6,"offset":3222}}},{"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":125,"column":7,"offset":3223},"end":{"line":125,"column":17,"offset":3233}}}],"position":{"start":{"line":125,"column":6,"offset":3222},"end":{"line":125,"column":31,"offset":3247}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":125,"column":31,"offset":3247},"end":{"line":125,"column":43,"offset":3259}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":125,"column":43,"offset":3259},"end":{"line":125,"column":56,"offset":3272}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":125,"column":56,"offset":3272},"end":{"line":125,"column":62,"offset":3278}}},{"type":"raw","value":"<code class=\"language-text\">linkPoints</code>","position":{"start":{"line":125,"column":62,"offset":3278},"end":{"line":125,"column":74,"offset":3290}}},{"type":"text","value":" 配置项进行连入点的配置，使之达到如下图效果。","position":{"start":{"line":125,"column":74,"offset":3290},"end":{"line":125,"column":97,"offset":3313}}},{"type":"raw","value":"<br />","position":{"start":{"line":125,"column":97,"offset":3313},"end":{"line":125,"column":103,"offset":3319}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871729271-d7d073e0-fc68-4017-afb6-db319d8a1295.png#align=left&display=inline&height=138&name=image.png&originHeight=276&originWidth=304&search=&size=48656&status=done&width=152","alt":"image.png"},"children":[],"position":{"start":{"line":125,"column":103,"offset":3319},"end":{"line":125,"column":343,"offset":3559}}}],"position":{"start":{"line":125,"column":1,"offset":3217},"end":{"line":125,"column":343,"offset":3559}}},{"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 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 leftBottom<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n rightBottom<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":126,"column":1,"offset":3560},"end":{"line":146,"column":4,"offset":3868}}},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"图标-icon"},"children":[{"type":"element","tagName":"a","properties":{"href":"#%E5%9B%BE%E6%A0%87-icon","aria-label":"图标 icon permalink","class":"anchor"},"children":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]},{"type":"text","value":"图标 icon","position":{"start":{"line":149,"column":5,"offset":3875},"end":{"line":149,"column":12,"offset":3882}}}],"position":{"start":{"line":149,"column":1,"offset":3871},"end":{"line":149,"column":12,"offset":3882}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Object 类型。通过配置 ","position":{"start":{"line":150,"column":1,"offset":3883},"end":{"line":150,"column":16,"offset":3898}}},{"type":"raw","value":"<code class=\"language-text\">icon</code>","position":{"start":{"line":150,"column":16,"offset":3898},"end":{"line":150,"column":22,"offset":3904}}},{"type":"text","value":"，可以在圆上显示小图标。","position":{"start":{"line":150,"column":22,"offset":3904},"end":{"line":150,"column":34,"offset":3916}}}],"position":{"start":{"line":150,"column":1,"offset":3883},"end":{"line":150,"column":34,"offset":3916}}},{"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":152,"column":3,"offset":3920},"end":{"line":152,"column":5,"offset":3922}}}],"position":{"start":{"line":152,"column":3,"offset":3920},"end":{"line":152,"column":5,"offset":3922}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"含义","position":{"start":{"line":152,"column":8,"offset":3925},"end":{"line":152,"column":10,"offset":3927}}}],"position":{"start":{"line":152,"column":8,"offset":3925},"end":{"line":152,"column":10,"offset":3927}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"类型","position":{"start":{"line":152,"column":13,"offset":3930},"end":{"line":152,"column":15,"offset":3932}}}],"position":{"start":{"line":152,"column":13,"offset":3930},"end":{"line":152,"column":15,"offset":3932}}},{"type":"text","value":"\n"},{"type":"element","tagName":"th","properties":{"align":null},"children":[{"type":"text","value":"备注","position":{"start":{"line":152,"column":18,"offset":3935},"end":{"line":152,"column":20,"offset":3937}}}],"position":{"start":{"line":152,"column":18,"offset":3935},"end":{"line":152,"column":20,"offset":3937}}},{"type":"text","value":"\n"}],"position":{"start":{"line":152,"column":1,"offset":3918},"end":{"line":152,"column":22,"offset":3939}}},{"type":"text","value":"\n"}],"position":{"start":{"line":152,"column":1,"offset":3918},"end":{"line":152,"column":22,"offset":3939}}},{"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":154,"column":3,"offset":3968},"end":{"line":154,"column":7,"offset":3972}}}],"position":{"start":{"line":154,"column":3,"offset":3968},"end":{"line":154,"column":7,"offset":3972}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"是否显示icon","position":{"start":{"line":154,"column":10,"offset":3975},"end":{"line":154,"column":18,"offset":3983}}}],"position":{"start":{"line":154,"column":10,"offset":3975},"end":{"line":154,"column":18,"offset":3983}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Boolean","position":{"start":{"line":154,"column":21,"offset":3986},"end":{"line":154,"column":28,"offset":3993}}}],"position":{"start":{"line":154,"column":21,"offset":3986},"end":{"line":154,"column":28,"offset":3993}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为false，不显示","position":{"start":{"line":154,"column":31,"offset":3996},"end":{"line":154,"column":43,"offset":4008}}}],"position":{"start":{"line":154,"column":31,"offset":3996},"end":{"line":154,"column":43,"offset":4008}}},{"type":"text","value":"\n"}],"position":{"start":{"line":154,"column":1,"offset":3966},"end":{"line":154,"column":45,"offset":4010}}},{"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":155,"column":3,"offset":4013},"end":{"line":155,"column":8,"offset":4018}}}],"position":{"start":{"line":155,"column":3,"offset":4013},"end":{"line":155,"column":8,"offset":4018}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon的宽度","position":{"start":{"line":155,"column":11,"offset":4021},"end":{"line":155,"column":18,"offset":4028}}}],"position":{"start":{"line":155,"column":11,"offset":4021},"end":{"line":155,"column":18,"offset":4028}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":155,"column":21,"offset":4031},"end":{"line":155,"column":27,"offset":4037}}}],"position":{"start":{"line":155,"column":21,"offset":4031},"end":{"line":155,"column":27,"offset":4037}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为16","position":{"start":{"line":155,"column":30,"offset":4040},"end":{"line":155,"column":35,"offset":4045}}}],"position":{"start":{"line":155,"column":30,"offset":4040},"end":{"line":155,"column":35,"offset":4045}}},{"type":"text","value":"\n"}],"position":{"start":{"line":155,"column":1,"offset":4011},"end":{"line":155,"column":37,"offset":4047}}},{"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":156,"column":3,"offset":4050},"end":{"line":156,"column":9,"offset":4056}}}],"position":{"start":{"line":156,"column":3,"offset":4050},"end":{"line":156,"column":9,"offset":4056}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon的高度","position":{"start":{"line":156,"column":12,"offset":4059},"end":{"line":156,"column":19,"offset":4066}}}],"position":{"start":{"line":156,"column":12,"offset":4059},"end":{"line":156,"column":19,"offset":4066}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"Number","position":{"start":{"line":156,"column":22,"offset":4069},"end":{"line":156,"column":28,"offset":4075}}}],"position":{"start":{"line":156,"column":22,"offset":4069},"end":{"line":156,"column":28,"offset":4075}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"默认为16","position":{"start":{"line":156,"column":31,"offset":4078},"end":{"line":156,"column":36,"offset":4083}}}],"position":{"start":{"line":156,"column":31,"offset":4078},"end":{"line":156,"column":36,"offset":4083}}},{"type":"text","value":"\n"}],"position":{"start":{"line":156,"column":1,"offset":4048},"end":{"line":156,"column":38,"offset":4085}}},{"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":157,"column":3,"offset":4088},"end":{"line":157,"column":6,"offset":4091}}}],"position":{"start":{"line":157,"column":3,"offset":4088},"end":{"line":157,"column":6,"offset":4091}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"icon的地址","position":{"start":{"line":157,"column":9,"offset":4094},"end":{"line":157,"column":16,"offset":4101}}}],"position":{"start":{"line":157,"column":9,"offset":4094},"end":{"line":157,"column":16,"offset":4101}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[{"type":"text","value":"String","position":{"start":{"line":157,"column":19,"offset":4104},"end":{"line":157,"column":25,"offset":4110}}}],"position":{"start":{"line":157,"column":19,"offset":4104},"end":{"line":157,"column":25,"offset":4110}}},{"type":"text","value":"\n"},{"type":"element","tagName":"td","properties":{"align":null},"children":[],"position":{"start":{"line":157,"column":29,"offset":4114},"end":{"line":157,"column":29,"offset":4114}}},{"type":"text","value":"\n"}],"position":{"start":{"line":157,"column":1,"offset":4086},"end":{"line":157,"column":30,"offset":4115}}},{"type":"text","value":"\n"}],"position":{"start":{"line":154,"column":1,"offset":3966},"end":{"line":157,"column":30,"offset":4115}}},{"type":"text","value":"\n"}],"position":{"start":{"line":152,"column":1,"offset":3918},"end":{"line":157,"column":30,"offset":4115}}},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"基于上面 ","position":{"start":{"line":160,"column":1,"offset":4118},"end":{"line":160,"column":6,"offset":4123}}},{"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":160,"column":7,"offset":4124},"end":{"line":160,"column":17,"offset":4134}}}],"position":{"start":{"line":160,"column":6,"offset":4123},"end":{"line":160,"column":31,"offset":4148}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":160,"column":31,"offset":4148},"end":{"line":160,"column":43,"offset":4160}}},{"type":"raw","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":160,"column":43,"offset":4160},"end":{"line":160,"column":56,"offset":4173}}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":160,"column":56,"offset":4173},"end":{"line":160,"column":62,"offset":4179}}},{"type":"raw","value":"<code class=\"language-text\">icon</code>","position":{"start":{"line":160,"column":62,"offset":4179},"end":{"line":160,"column":68,"offset":4185}}},{"type":"text","value":" 配置项进行图标的配置，使之达到如下图效果。","position":{"start":{"line":160,"column":68,"offset":4185},"end":{"line":160,"column":90,"offset":4207}}},{"type":"raw","value":"<br />","position":{"start":{"line":160,"column":90,"offset":4207},"end":{"line":160,"column":96,"offset":4213}}},{"type":"element","tagName":"img","properties":{"src":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570871824251-ad5b0fde-d6fb-40d3-8d4b-4b8d7e5abe46.png#align=left&display=inline&height=139&name=image.png&originHeight=278&originWidth=288&search=&size=51678&status=done&width=144","alt":"image.png"},"children":[],"position":{"start":{"line":160,"column":96,"offset":4213},"end":{"line":160,"column":336,"offset":4453}}}],"position":{"start":{"line":160,"column":1,"offset":4118},"end":{"line":160,"column":336,"offset":4453}}},{"type":"text","value":"\n"},{"type":"raw","value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">const</span> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 图的其他属性</span>\n defaultNode<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 节点其他属性</span>\n icon<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n show<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n width<span class=\"token punctuation\">:</span> <span class=\"token number\">25</span><span class=\"token punctuation\">,</span>\n height<span class=\"token punctuation\">:</span> <span class=\"token number\">25</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":161,"column":1,"offset":4454},"end":{"line":177,"column":4,"offset":4671}}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":178,"column":1,"offset":4672}}}}