{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-ast-dfaaa977f2cc89471faed0f01f708dd6-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"heading","depth":2,"children":[{"type":"link","url":"#什么是-behavior","title":null,"children":[],"data":{"hProperties":{"aria-label":"什么是 behavior permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"什么是 Behavior","position":{"start":{"line":2,"column":4,"offset":4},"end":{"line":2,"column":16,"offset":16},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":16,"offset":16},"indent":[]},"data":{"id":"什么是-behavior","htmlAttributes":{"id":"什么是-behavior"},"hProperties":{"id":"什么是-behavior"}}},{"type":"paragraph","children":[{"type":"text","value":"Behavior 是 G6 提供的定义图上交互事件的机制。它与","position":{"start":{"line":3,"column":1,"offset":17},"end":{"line":3,"column":32,"offset":48},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/g6-mode","children":[{"type":"text","value":"交互模式 Mode","position":{"start":{"line":3,"column":33,"offset":49},"end":{"line":3,"column":42,"offset":58},"indent":[]}}],"position":{"start":{"line":3,"column":32,"offset":48},"end":{"line":3,"column":82,"offset":98},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":" 搭配使用，如何将下文所述各种 Behavior 配置到图上，见 ","position":{"start":{"line":3,"column":82,"offset":98},"end":{"line":3,"column":115,"offset":131},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/g6-mode","children":[{"type":"text","value":"交互模式","position":{"start":{"line":3,"column":116,"offset":132},"end":{"line":3,"column":120,"offset":136},"indent":[]}}],"position":{"start":{"line":3,"column":115,"offset":131},"end":{"line":3,"column":160,"offset":176},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":"。","position":{"start":{"line":3,"column":160,"offset":176},"end":{"line":3,"column":161,"offset":177},"indent":[]}}],"position":{"start":{"line":3,"column":1,"offset":17},"end":{"line":3,"column":161,"offset":177},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#内置-behavior","title":null,"children":[],"data":{"hProperties":{"aria-label":"内置 behavior permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"内置 Behavior","position":{"start":{"line":5,"column":4,"offset":182},"end":{"line":5,"column":15,"offset":193},"indent":[]}}],"position":{"start":{"line":5,"column":1,"offset":179},"end":{"line":5,"column":15,"offset":193},"indent":[]},"data":{"id":"内置-behavior","htmlAttributes":{"id":"内置-behavior"},"hProperties":{"id":"内置-behavior"}}},{"type":"paragraph","children":[{"type":"text","value":"理论上说 G6 上的所有基础图形、Item（节点/边）都能通过事件来进行操作，考虑到通用性， G6目前共提供了以下9个内置的 Behavior。","position":{"start":{"line":6,"column":1,"offset":194},"end":{"line":6,"column":73,"offset":266},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":194},"end":{"line":6,"column":73,"offset":266},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#drag-canvas","title":null,"children":[],"data":{"hProperties":{"aria-label":"drag canvas permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"drag-canvas","position":{"start":{"line":8,"column":5,"offset":272},"end":{"line":8,"column":16,"offset":283},"indent":[]}}],"position":{"start":{"line":8,"column":1,"offset":268},"end":{"line":8,"column":16,"offset":283},"indent":[]},"data":{"id":"drag-canvas","htmlAttributes":{"id":"drag-canvas"},"hProperties":{"id":"drag-canvas"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：拖拽画布；","position":{"start":{"line":10,"column":3,"offset":287},"end":{"line":10,"column":11,"offset":295},"indent":[]}}],"position":{"start":{"line":10,"column":3,"offset":287},"end":{"line":10,"column":11,"offset":295},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":285},"end":{"line":10,"column":11,"offset":295},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;drag-canvas&#39;</code>","position":{"start":{"line":11,"column":3,"offset":298},"end":{"line":11,"column":24,"offset":319},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":11,"column":24,"offset":319},"end":{"line":11,"column":25,"offset":320},"indent":[]}}],"position":{"start":{"line":11,"column":3,"offset":298},"end":{"line":11,"column":25,"offset":320},"indent":[]}}],"position":{"start":{"line":11,"column":1,"offset":296},"end":{"line":11,"column":25,"offset":320},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">direction</code>","position":{"start":{"line":12,"column":3,"offset":323},"end":{"line":12,"column":14,"offset":334},"indent":[]}},{"type":"text","value":": 允许拖拽方向，支持","position":{"start":{"line":12,"column":14,"offset":334},"end":{"line":12,"column":25,"offset":345},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;x&#39;</code>","position":{"start":{"line":12,"column":25,"offset":345},"end":{"line":12,"column":30,"offset":350},"indent":[]}},{"type":"text","value":"， ","position":{"start":{"line":12,"column":30,"offset":350},"end":{"line":12,"column":32,"offset":352},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;y&#39;</code>","position":{"start":{"line":12,"column":32,"offset":352},"end":{"line":12,"column":37,"offset":357},"indent":[]}},{"type":"text","value":"，","position":{"start":{"line":12,"column":37,"offset":357},"end":{"line":12,"column":38,"offset":358},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;both&#39;</code>","position":{"start":{"line":12,"column":38,"offset":358},"end":{"line":12,"column":46,"offset":366},"indent":[]}},{"type":"text","value":"，默认方向为 ","position":{"start":{"line":12,"column":46,"offset":366},"end":{"line":12,"column":53,"offset":373},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;both&#39;</code>","position":{"start":{"line":12,"column":53,"offset":373},"end":{"line":12,"column":61,"offset":381},"indent":[]}},{"type":"text","value":"。","position":{"start":{"line":12,"column":61,"offset":381},"end":{"line":12,"column":62,"offset":382},"indent":[]}}],"position":{"start":{"line":12,"column":3,"offset":323},"end":{"line":12,"column":62,"offset":382},"indent":[]}}],"position":{"start":{"line":12,"column":1,"offset":321},"end":{"line":12,"column":62,"offset":382},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":285},"end":{"line":12,"column":62,"offset":382},"indent":[1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":14,"column":3,"offset":386},"end":{"line":14,"column":7,"offset":390},"indent":[]}}],"position":{"start":{"line":14,"column":1,"offset":384},"end":{"line":14,"column":9,"offset":392},"indent":[]}}],"position":{"start":{"line":14,"column":1,"offset":384},"end":{"line":14,"column":9,"offset":392},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":15,"column":1,"offset":393},"end":{"line":21,"column":4,"offset":487},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"默认配置下，可以在 x 和 y 两个方向上拖动画布。","position":{"start":{"line":23,"column":1,"offset":489},"end":{"line":23,"column":27,"offset":515},"indent":[]}}],"position":{"start":{"line":23,"column":1,"offset":489},"end":{"line":23,"column":27,"offset":515},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置参数","position":{"start":{"line":25,"column":3,"offset":519},"end":{"line":25,"column":7,"offset":523},"indent":[]}}],"position":{"start":{"line":25,"column":1,"offset":517},"end":{"line":25,"column":9,"offset":525},"indent":[]}}],"position":{"start":{"line":25,"column":1,"offset":517},"end":{"line":25,"column":9,"offset":525},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n        direction<span class=\"token punctuation\">:</span> <span class=\"token string\">'x'</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</code></pre></div>","position":{"start":{"line":26,"column":1,"offset":526},"end":{"line":37,"column":4,"offset":677},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"此时只能在 x 方向上面拖动，y 方向上不允许拖动。","position":{"start":{"line":39,"column":1,"offset":679},"end":{"line":39,"column":27,"offset":705},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":39,"column":27,"offset":705},"end":{"line":39,"column":33,"offset":711},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778658995-88e2bf4e-e201-43a0-9ffd-15ceadc8334e.gif#align=left&display=inline&height=333&name=3.gif&originHeight=517&originWidth=783&search=&size=669012&status=done&width=504","alt":"3.gif","position":{"start":{"line":39,"column":33,"offset":711},"end":{"line":39,"column":266,"offset":944},"indent":[]}}],"position":{"start":{"line":39,"column":1,"offset":679},"end":{"line":39,"column":266,"offset":944},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#zoom-canvas","title":null,"children":[],"data":{"hProperties":{"aria-label":"zoom canvas permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"zoom-canvas","position":{"start":{"line":41,"column":5,"offset":950},"end":{"line":41,"column":16,"offset":961},"indent":[]}}],"position":{"start":{"line":41,"column":1,"offset":946},"end":{"line":41,"column":16,"offset":961},"indent":[]},"data":{"id":"zoom-canvas","htmlAttributes":{"id":"zoom-canvas"},"hProperties":{"id":"zoom-canvas"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：缩放画布；","position":{"start":{"line":43,"column":3,"offset":965},"end":{"line":43,"column":11,"offset":973},"indent":[]}}],"position":{"start":{"line":43,"column":3,"offset":965},"end":{"line":43,"column":11,"offset":973},"indent":[]}}],"position":{"start":{"line":43,"column":1,"offset":963},"end":{"line":43,"column":11,"offset":973},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;zoom-canvas&#39;</code>","position":{"start":{"line":44,"column":3,"offset":976},"end":{"line":44,"column":24,"offset":997},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":44,"column":24,"offset":997},"end":{"line":44,"column":25,"offset":998},"indent":[]}}],"position":{"start":{"line":44,"column":3,"offset":976},"end":{"line":44,"column":25,"offset":998},"indent":[]}}],"position":{"start":{"line":44,"column":1,"offset":974},"end":{"line":44,"column":25,"offset":998},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">sensitivity</code>","position":{"start":{"line":45,"column":3,"offset":1001},"end":{"line":45,"column":16,"offset":1014},"indent":[]}},{"type":"text","value":": 缩放灵敏度，支持 1-10 的数值，默认灵敏度为 5。","position":{"start":{"line":45,"column":16,"offset":1014},"end":{"line":45,"column":45,"offset":1043},"indent":[]}}],"position":{"start":{"line":45,"column":3,"offset":1001},"end":{"line":45,"column":45,"offset":1043},"indent":[]}}],"position":{"start":{"line":45,"column":1,"offset":999},"end":{"line":45,"column":45,"offset":1043},"indent":[]}}],"position":{"start":{"line":43,"column":1,"offset":963},"end":{"line":45,"column":45,"offset":1043},"indent":[1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"提示：若要限定缩放尺寸，请在 graph 上设置 **`","position":{"start":{"line":47,"column":3,"offset":1047},"end":{"line":47,"column":31,"offset":1075},"indent":[]}}],"position":{"start":{"line":47,"column":1,"offset":1045},"end":{"line":47,"column":33,"offset":1077},"indent":[]}},{"type":"text","value":"minZoom","position":{"start":{"line":47,"column":33,"offset":1077},"end":{"line":47,"column":40,"offset":1084},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":42,"offset":1086},"end":{"line":47,"column":43,"offset":1087},"indent":[]}}],"position":{"start":{"line":47,"column":40,"offset":1084},"end":{"line":47,"column":45,"offset":1089},"indent":[]}},{"type":"text","value":" 和 ","position":{"start":{"line":47,"column":45,"offset":1089},"end":{"line":47,"column":48,"offset":1092},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":50,"offset":1094},"end":{"line":47,"column":51,"offset":1095},"indent":[]}}],"position":{"start":{"line":47,"column":48,"offset":1092},"end":{"line":47,"column":53,"offset":1097},"indent":[]}},{"type":"text","value":"maxZoom","position":{"start":{"line":47,"column":53,"offset":1097},"end":{"line":47,"column":60,"offset":1104},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"`","position":{"start":{"line":47,"column":62,"offset":1106},"end":{"line":47,"column":63,"offset":1107},"indent":[]}}],"position":{"start":{"line":47,"column":60,"offset":1104},"end":{"line":47,"column":65,"offset":1109},"indent":[]}},{"type":"text","value":"。**","position":{"start":{"line":47,"column":65,"offset":1109},"end":{"line":47,"column":68,"offset":1112},"indent":[]}}],"position":{"start":{"line":47,"column":1,"offset":1045},"end":{"line":47,"column":68,"offset":1112},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#drag-node","title":null,"children":[],"data":{"hProperties":{"aria-label":"drag node permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"drag-node","position":{"start":{"line":49,"column":5,"offset":1118},"end":{"line":49,"column":14,"offset":1127},"indent":[]}}],"position":{"start":{"line":49,"column":1,"offset":1114},"end":{"line":49,"column":14,"offset":1127},"indent":[]},"data":{"id":"drag-node","htmlAttributes":{"id":"drag-node"},"hProperties":{"id":"drag-node"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：拖拽节点；","position":{"start":{"line":51,"column":3,"offset":1131},"end":{"line":51,"column":11,"offset":1139},"indent":[]}}],"position":{"start":{"line":51,"column":3,"offset":1131},"end":{"line":51,"column":11,"offset":1139},"indent":[]}}],"position":{"start":{"line":51,"column":1,"offset":1129},"end":{"line":51,"column":11,"offset":1139},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;drag-node&#39;</code>","position":{"start":{"line":52,"column":3,"offset":1142},"end":{"line":52,"column":22,"offset":1161},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":52,"column":22,"offset":1161},"end":{"line":52,"column":23,"offset":1162},"indent":[]}}],"position":{"start":{"line":52,"column":3,"offset":1142},"end":{"line":52,"column":23,"offset":1162},"indent":[]}}],"position":{"start":{"line":52,"column":1,"offset":1140},"end":{"line":52,"column":23,"offset":1162},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":53,"column":3,"offset":1165},"end":{"line":53,"column":18,"offset":1180},"indent":[]}},{"type":"text","value":": 节点拖拽时的绘图属性，默认为 ","position":{"start":{"line":53,"column":18,"offset":1180},"end":{"line":53,"column":35,"offset":1197},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">{ strokeOpacity: 0.6, fillOpacity: 0.6 }</code>","position":{"start":{"line":53,"column":35,"offset":1197},"end":{"line":53,"column":77,"offset":1239},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":53,"column":77,"offset":1239},"end":{"line":53,"column":78,"offset":1240},"indent":[]}}],"position":{"start":{"line":53,"column":3,"offset":1165},"end":{"line":53,"column":78,"offset":1240},"indent":[]}}],"position":{"start":{"line":53,"column":1,"offset":1163},"end":{"line":53,"column":78,"offset":1240},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">updateEdge</code>","position":{"start":{"line":54,"column":3,"offset":1243},"end":{"line":54,"column":15,"offset":1255},"indent":[]}},{"type":"text","value":": 是否在拖拽节点时更新所有与之相连的边，默认为 ","position":{"start":{"line":54,"column":15,"offset":1255},"end":{"line":54,"column":40,"offset":1280},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":54,"column":40,"offset":1280},"end":{"line":54,"column":46,"offset":1286},"indent":[]}},{"type":"text","value":" 。","position":{"start":{"line":54,"column":46,"offset":1286},"end":{"line":54,"column":48,"offset":1288},"indent":[]}}],"position":{"start":{"line":54,"column":3,"offset":1243},"end":{"line":54,"column":48,"offset":1288},"indent":[]}}],"position":{"start":{"line":54,"column":1,"offset":1241},"end":{"line":54,"column":48,"offset":1288},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":55,"column":3,"offset":1291},"end":{"line":55,"column":9,"offset":1297},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">enableDelegate</code>","position":{"start":{"line":55,"column":9,"offset":1297},"end":{"line":55,"column":25,"offset":1313},"indent":[]}},{"type":"text","value":"：拖动节点过程中是否启用 ","position":{"start":{"line":55,"column":25,"offset":1313},"end":{"line":55,"column":38,"offset":1326},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":55,"column":38,"offset":1326},"end":{"line":55,"column":48,"offset":1336},"indent":[]}},{"type":"text","value":"，即在拖动过程中是否使用方框代替元素的直接移动，效果区别见下面两个动图。默认值为 ","position":{"start":{"line":55,"column":48,"offset":1336},"end":{"line":55,"column":89,"offset":1377},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":55,"column":89,"offset":1377},"end":{"line":55,"column":96,"offset":1384},"indent":[]}},{"type":"text","value":"。","position":{"start":{"line":55,"column":96,"offset":1384},"end":{"line":55,"column":97,"offset":1385},"indent":[]}}],"position":{"start":{"line":55,"column":3,"offset":1291},"end":{"line":55,"column":97,"offset":1385},"indent":[]}}],"position":{"start":{"line":55,"column":1,"offset":1289},"end":{"line":55,"column":97,"offset":1385},"indent":[]}}],"position":{"start":{"line":51,"column":1,"offset":1129},"end":{"line":55,"column":97,"offset":1385},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":57,"column":3,"offset":1389},"end":{"line":57,"column":7,"offset":1393},"indent":[]}}],"position":{"start":{"line":57,"column":1,"offset":1387},"end":{"line":57,"column":9,"offset":1395},"indent":[]}}],"position":{"start":{"line":57,"column":1,"offset":1387},"end":{"line":57,"column":9,"offset":1395},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-node'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":58,"column":1,"offset":1396},"end":{"line":64,"column":4,"offset":1488},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570777651736-e68e2d92-eabe-4b58-bc39-66a6cfbd6cf5.gif#align=left&display=inline&height=374&name=3.gif&originHeight=517&originWidth=783&search=&size=149678&status=done&width=567","alt":"3.gif","position":{"start":{"line":65,"column":1,"offset":1489},"end":{"line":65,"column":234,"offset":1722},"indent":[]}}],"position":{"start":{"line":65,"column":1,"offset":1489},"end":{"line":65,"column":234,"offset":1722},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"启用","position":{"start":{"line":67,"column":3,"offset":1726},"end":{"line":67,"column":5,"offset":1728},"indent":[]}}],"position":{"start":{"line":67,"column":1,"offset":1724},"end":{"line":67,"column":7,"offset":1730},"indent":[]}},{"type":"text","value":" ","position":{"start":{"line":67,"column":7,"offset":1730},"end":{"line":67,"column":8,"offset":1731},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":67,"column":8,"offset":1731},"end":{"line":67,"column":18,"offset":1741},"indent":[]}}],"position":{"start":{"line":67,"column":1,"offset":1724},"end":{"line":67,"column":18,"offset":1741},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag-node'</span><span class=\"token punctuation\">,</span>\n        enableDelegate<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\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":68,"column":1,"offset":1742},"end":{"line":79,"column":4,"offset":1898},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778113574-f65eeb6b-4df4-4db4-a4d3-5cf2141607f3.gif#align=left&display=inline&height=279&name=3.gif&originHeight=517&originWidth=783&search=&size=219983&status=done&width=422","alt":"3.gif","position":{"start":{"line":80,"column":1,"offset":1899},"end":{"line":80,"column":234,"offset":2132},"indent":[]}}],"position":{"start":{"line":80,"column":1,"offset":1899},"end":{"line":80,"column":234,"offset":2132},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#click-select","title":null,"children":[],"data":{"hProperties":{"aria-label":"click select permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"click-select","position":{"start":{"line":82,"column":5,"offset":2138},"end":{"line":82,"column":17,"offset":2150},"indent":[]}}],"position":{"start":{"line":82,"column":1,"offset":2134},"end":{"line":82,"column":17,"offset":2150},"indent":[]},"data":{"id":"click-select","htmlAttributes":{"id":"click-select"},"hProperties":{"id":"click-select"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：点击选中节点，再次点击节点或点击 Canvas 取消选中状态；","position":{"start":{"line":84,"column":3,"offset":2154},"end":{"line":84,"column":37,"offset":2188},"indent":[]}}],"position":{"start":{"line":84,"column":3,"offset":2154},"end":{"line":84,"column":37,"offset":2188},"indent":[]}}],"position":{"start":{"line":84,"column":1,"offset":2152},"end":{"line":84,"column":37,"offset":2188},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;click-select&#39;</code>","position":{"start":{"line":85,"column":3,"offset":2191},"end":{"line":85,"column":25,"offset":2213},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":85,"column":25,"offset":2213},"end":{"line":85,"column":26,"offset":2214},"indent":[]}}],"position":{"start":{"line":85,"column":3,"offset":2191},"end":{"line":85,"column":26,"offset":2214},"indent":[]}}],"position":{"start":{"line":85,"column":1,"offset":2189},"end":{"line":85,"column":26,"offset":2214},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">multiple</code>","position":{"start":{"line":86,"column":3,"offset":2217},"end":{"line":86,"column":13,"offset":2227},"indent":[]}},{"type":"text","value":": 是否允许多选，默认为 ","position":{"start":{"line":86,"column":13,"offset":2227},"end":{"line":86,"column":26,"offset":2240},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":86,"column":26,"offset":2240},"end":{"line":86,"column":32,"offset":2246},"indent":[]}},{"type":"text","value":"，当设置为 ","position":{"start":{"line":86,"column":32,"offset":2246},"end":{"line":86,"column":38,"offset":2252},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":86,"column":38,"offset":2252},"end":{"line":86,"column":45,"offset":2259},"indent":[]}},{"type":"text","value":"，表示不允许多选，此时 ","position":{"start":{"line":86,"column":45,"offset":2259},"end":{"line":86,"column":57,"offset":2271},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":86,"column":57,"offset":2271},"end":{"line":86,"column":66,"offset":2280},"indent":[]}},{"type":"text","value":" 参数无效。","position":{"start":{"line":86,"column":66,"offset":2280},"end":{"line":86,"column":72,"offset":2286},"indent":[]}}],"position":{"start":{"line":86,"column":3,"offset":2217},"end":{"line":86,"column":72,"offset":2286},"indent":[]}}],"position":{"start":{"line":86,"column":1,"offset":2215},"end":{"line":86,"column":72,"offset":2286},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":87,"column":3,"offset":2289},"end":{"line":87,"column":9,"offset":2295},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":87,"column":9,"offset":2295},"end":{"line":87,"column":18,"offset":2304},"indent":[]}},{"type":"text","value":": 指定按住哪个键进行多选，默认为 shift，按住 Shift 键多选，用户可配置 shift、ctrl、alt；","position":{"start":{"line":87,"column":18,"offset":2304},"end":{"line":87,"column":76,"offset":2362},"indent":[]}}],"position":{"start":{"line":87,"column":3,"offset":2289},"end":{"line":87,"column":76,"offset":2362},"indent":[]}}],"position":{"start":{"line":87,"column":1,"offset":2287},"end":{"line":87,"column":76,"offset":2362},"indent":[]}}],"position":{"start":{"line":84,"column":1,"offset":2152},"end":{"line":87,"column":76,"offset":2362},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":89,"column":3,"offset":2366},"end":{"line":89,"column":7,"offset":2370},"indent":[]}}],"position":{"start":{"line":89,"column":1,"offset":2364},"end":{"line":89,"column":9,"offset":2372},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":89,"column":9,"offset":2372},"end":{"line":89,"column":15,"offset":2378},"indent":[]}},{"type":"text","value":"**","position":{"start":{"line":89,"column":15,"offset":2378},"end":{"line":89,"column":17,"offset":2380},"indent":[]}}],"position":{"start":{"line":89,"column":1,"offset":2364},"end":{"line":89,"column":17,"offset":2380},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'click-select'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":90,"column":1,"offset":2381},"end":{"line":96,"column":4,"offset":2476},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"按住 ","position":{"start":{"line":98,"column":1,"offset":2478},"end":{"line":98,"column":4,"offset":2481},"indent":[]}},{"type":"strong","children":[{"type":"html","value":"<code class=\"language-text\">Shift</code>","position":{"start":{"line":98,"column":6,"offset":2483},"end":{"line":98,"column":13,"offset":2490},"indent":[]}}],"position":{"start":{"line":98,"column":4,"offset":2481},"end":{"line":98,"column":15,"offset":2492},"indent":[]}},{"type":"text","value":" 键可多选。","position":{"start":{"line":98,"column":15,"offset":2492},"end":{"line":98,"column":21,"offset":2498},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":98,"column":21,"offset":2498},"end":{"line":98,"column":27,"offset":2504},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570778352084-ca8b1694-0e10-4dfa-b69e-2fc35130b9a9.gif#align=left&display=inline&height=517&name=3.gif&originHeight=517&originWidth=783&search=&size=48383&status=done&width=783","alt":"3.gif","position":{"start":{"line":98,"column":27,"offset":2504},"end":{"line":98,"column":259,"offset":2736},"indent":[]}}],"position":{"start":{"line":98,"column":1,"offset":2478},"end":{"line":98,"column":259,"offset":2736},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置参数","position":{"start":{"line":100,"column":3,"offset":2740},"end":{"line":100,"column":7,"offset":2744},"indent":[]}}],"position":{"start":{"line":100,"column":1,"offset":2738},"end":{"line":100,"column":9,"offset":2746},"indent":[]}}],"position":{"start":{"line":100,"column":1,"offset":2738},"end":{"line":100,"column":9,"offset":2746},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'click-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'ctrl'</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</code></pre></div>","position":{"start":{"line":101,"column":1,"offset":2747},"end":{"line":112,"column":4,"offset":2901},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"以上配置中，用户可按住 ","position":{"start":{"line":114,"column":1,"offset":2903},"end":{"line":114,"column":13,"offset":2915},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"Ctrl","position":{"start":{"line":114,"column":15,"offset":2917},"end":{"line":114,"column":19,"offset":2921},"indent":[]}}],"position":{"start":{"line":114,"column":13,"offset":2915},"end":{"line":114,"column":21,"offset":2923},"indent":[]}},{"type":"text","value":" 键进行多选，也可以配置 ","position":{"start":{"line":114,"column":21,"offset":2923},"end":{"line":114,"column":34,"offset":2936},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"Alt","position":{"start":{"line":114,"column":36,"offset":2938},"end":{"line":114,"column":39,"offset":2941},"indent":[]}}],"position":{"start":{"line":114,"column":34,"offset":2936},"end":{"line":114,"column":41,"offset":2943},"indent":[]}},{"type":"text","value":" 键。当配置了 ","position":{"start":{"line":114,"column":41,"offset":2943},"end":{"line":114,"column":49,"offset":2951},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">multiple</code>","position":{"start":{"line":114,"column":49,"offset":2951},"end":{"line":114,"column":59,"offset":2961},"indent":[]}},{"type":"text","value":" 参数为 ","position":{"start":{"line":114,"column":59,"offset":2961},"end":{"line":114,"column":64,"offset":2966},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":114,"column":64,"offset":2966},"end":{"line":114,"column":71,"offset":2973},"indent":[]}},{"type":"text","value":"，则表示不允许多谢，此时 ","position":{"start":{"line":114,"column":71,"offset":2973},"end":{"line":114,"column":84,"offset":2986},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":114,"column":84,"offset":2986},"end":{"line":114,"column":93,"offset":2995},"indent":[]}},{"type":"text","value":" 参数无效。","position":{"start":{"line":114,"column":93,"offset":2995},"end":{"line":114,"column":99,"offset":3001},"indent":[]}}],"position":{"start":{"line":114,"column":1,"offset":2903},"end":{"line":114,"column":99,"offset":3001},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#tooltip","title":null,"children":[],"data":{"hProperties":{"aria-label":"tooltip permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"tooltip","position":{"start":{"line":116,"column":5,"offset":3007},"end":{"line":116,"column":12,"offset":3014},"indent":[]}}],"position":{"start":{"line":116,"column":1,"offset":3003},"end":{"line":116,"column":12,"offset":3014},"indent":[]},"data":{"id":"tooltip","htmlAttributes":{"id":"tooltip"},"hProperties":{"id":"tooltip"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：节点文本提示；","position":{"start":{"line":118,"column":3,"offset":3018},"end":{"line":118,"column":13,"offset":3028},"indent":[]}}],"position":{"start":{"line":118,"column":3,"offset":3018},"end":{"line":118,"column":13,"offset":3028},"indent":[]}}],"position":{"start":{"line":118,"column":1,"offset":3016},"end":{"line":118,"column":13,"offset":3028},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;tooltip&#39;</code>","position":{"start":{"line":119,"column":3,"offset":3031},"end":{"line":119,"column":20,"offset":3048},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":119,"column":20,"offset":3048},"end":{"line":119,"column":21,"offset":3049},"indent":[]}}],"position":{"start":{"line":119,"column":3,"offset":3031},"end":{"line":119,"column":21,"offset":3049},"indent":[]}}],"position":{"start":{"line":119,"column":1,"offset":3029},"end":{"line":119,"column":21,"offset":3049},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">formatText(model)</code>","position":{"start":{"line":120,"column":3,"offset":3052},"end":{"line":120,"column":22,"offset":3071},"indent":[]}},{"type":"text","value":" 格式化函数，可以返回文本或者 HTML；","position":{"start":{"line":120,"column":22,"offset":3071},"end":{"line":120,"column":43,"offset":3092},"indent":[]}}],"position":{"start":{"line":120,"column":3,"offset":3052},"end":{"line":120,"column":43,"offset":3092},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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\">500</span><span class=\"token punctuation\">,</span>\n  height<span class=\"token punctuation\">:</span> <span class=\"token number\">500</span><span class=\"token punctuation\">,</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'tooltip'</span><span class=\"token punctuation\">,</span>\n        <span class=\"token function\">formatText</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">model</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n          <span class=\"token keyword\">return</span> model<span class=\"token punctuation\">.</span>xxx<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>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":121,"column":1,"offset":3093},"end":{"line":135,"column":4,"offset":3323},"indent":[1,3,3,3,2,3,5,5,5,5,5,3,1,1]}}],"position":{"start":{"line":120,"column":1,"offset":3050},"end":{"line":135,"column":4,"offset":3323},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}}],"position":{"start":{"line":118,"column":1,"offset":3016},"end":{"line":135,"column":4,"offset":3323},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"提示：由于 G6 没有内置任何 tooltip 的样式，用户需要自己定义样式，例如：","position":{"start":{"line":137,"column":3,"offset":3327},"end":{"line":137,"column":45,"offset":3369},"indent":[]}}],"position":{"start":{"line":137,"column":1,"offset":3325},"end":{"line":137,"column":47,"offset":3371},"indent":[]}}],"position":{"start":{"line":137,"column":1,"offset":3325},"end":{"line":137,"column":47,"offset":3371},"indent":[]}},{"type":"html","lang":"css","meta":null,"value":"<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">.g6-tooltip</span> <span class=\"token punctuation\">{</span>\n  <span class=\"token property\">padding</span><span class=\"token punctuation\">:</span> 10px 6px<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">color</span><span class=\"token punctuation\">:</span> #444<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">background-color</span><span class=\"token punctuation\">:</span> <span class=\"token function\">rgba</span><span class=\"token punctuation\">(</span>255<span class=\"token punctuation\">,</span> 255<span class=\"token punctuation\">,</span> 255<span class=\"token punctuation\">,</span> 0.9<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n  <span class=\"token property\">border</span><span class=\"token punctuation\">:</span> 1px solid #e2e2e2<span class=\"token punctuation\">;</span>\n  <span class=\"token property\">border-radius</span><span class=\"token punctuation\">:</span> 4px<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n</code></pre></div>","position":{"start":{"line":138,"column":1,"offset":3372},"end":{"line":146,"column":4,"offset":3528},"indent":[1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#edge-tooltip","title":null,"children":[],"data":{"hProperties":{"aria-label":"edge tooltip permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"edge-tooltip","position":{"start":{"line":148,"column":5,"offset":3534},"end":{"line":148,"column":17,"offset":3546},"indent":[]}}],"position":{"start":{"line":148,"column":1,"offset":3530},"end":{"line":148,"column":17,"offset":3546},"indent":[]},"data":{"id":"edge-tooltip","htmlAttributes":{"id":"edge-tooltip"},"hProperties":{"id":"edge-tooltip"}}},{"type":"paragraph","children":[{"type":"text","value":"使用方式基本与 tooltip 相同，但是移到边时触发。主要是为了将两个交互区分开，以满足用户边与节点的提示样式或 HTML 结构不同，以及不需要在事件中去区分是节点事件还是边事件等。","position":{"start":{"line":149,"column":1,"offset":3547},"end":{"line":149,"column":93,"offset":3639},"indent":[]}}],"position":{"start":{"line":149,"column":1,"offset":3547},"end":{"line":149,"column":93,"offset":3639},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：边文本提示；","position":{"start":{"line":151,"column":3,"offset":3643},"end":{"line":151,"column":12,"offset":3652},"indent":[]}}],"position":{"start":{"line":151,"column":3,"offset":3643},"end":{"line":151,"column":12,"offset":3652},"indent":[]}}],"position":{"start":{"line":151,"column":1,"offset":3641},"end":{"line":151,"column":12,"offset":3652},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;edge-tooltip&#39;</code>","position":{"start":{"line":152,"column":3,"offset":3655},"end":{"line":152,"column":25,"offset":3677},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":152,"column":25,"offset":3677},"end":{"line":152,"column":26,"offset":3678},"indent":[]}}],"position":{"start":{"line":152,"column":3,"offset":3655},"end":{"line":152,"column":26,"offset":3678},"indent":[]}}],"position":{"start":{"line":152,"column":1,"offset":3653},"end":{"line":152,"column":26,"offset":3678},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">formatText(model)</code>","position":{"start":{"line":153,"column":3,"offset":3681},"end":{"line":153,"column":22,"offset":3700},"indent":[]}},{"type":"text","value":" 格式化函数，可以返回文本或者 HTML。","position":{"start":{"line":153,"column":22,"offset":3700},"end":{"line":153,"column":43,"offset":3721},"indent":[]}}],"position":{"start":{"line":153,"column":3,"offset":3681},"end":{"line":153,"column":43,"offset":3721},"indent":[]}}],"position":{"start":{"line":153,"column":1,"offset":3679},"end":{"line":153,"column":43,"offset":3721},"indent":[]}}],"position":{"start":{"line":151,"column":1,"offset":3641},"end":{"line":153,"column":43,"offset":3721},"indent":[1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#activate-relations","title":null,"children":[],"data":{"hProperties":{"aria-label":"activate relations permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"activate-relations","position":{"start":{"line":155,"column":5,"offset":3727},"end":{"line":155,"column":23,"offset":3745},"indent":[]}}],"position":{"start":{"line":155,"column":1,"offset":3723},"end":{"line":155,"column":23,"offset":3745},"indent":[]},"data":{"id":"activate-relations","htmlAttributes":{"id":"activate-relations"},"hProperties":{"id":"activate-relations"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：当鼠标移到某节点时，突出显示该节点以及与其直接关联的节点和连线；","position":{"start":{"line":157,"column":3,"offset":3749},"end":{"line":157,"column":38,"offset":3784},"indent":[]}}],"position":{"start":{"line":157,"column":3,"offset":3749},"end":{"line":157,"column":38,"offset":3784},"indent":[]}}],"position":{"start":{"line":157,"column":1,"offset":3747},"end":{"line":157,"column":38,"offset":3784},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;activate-relations&#39;</code>","position":{"start":{"line":158,"column":3,"offset":3787},"end":{"line":158,"column":31,"offset":3815},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":158,"column":31,"offset":3815},"end":{"line":158,"column":32,"offset":3816},"indent":[]}}],"position":{"start":{"line":158,"column":3,"offset":3787},"end":{"line":158,"column":32,"offset":3816},"indent":[]}}],"position":{"start":{"line":158,"column":1,"offset":3785},"end":{"line":158,"column":32,"offset":3816},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":159,"column":3,"offset":3819},"end":{"line":159,"column":6,"offset":3822},"indent":[]}}],"position":{"start":{"line":159,"column":3,"offset":3819},"end":{"line":159,"column":6,"offset":3822},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">trigger: &#39;mouseenter&#39;</code>","position":{"start":{"line":160,"column":5,"offset":3827},"end":{"line":160,"column":28,"offset":3850},"indent":[]}},{"type":"text","value":", 可以是 ","position":{"start":{"line":160,"column":28,"offset":3850},"end":{"line":160,"column":34,"offset":3856},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">mousenter</code>","position":{"start":{"line":160,"column":34,"offset":3856},"end":{"line":160,"column":45,"offset":3867},"indent":[]}},{"type":"text","value":" , 鼠标移入时触发；也可以是 ","position":{"start":{"line":160,"column":45,"offset":3867},"end":{"line":160,"column":61,"offset":3883},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":160,"column":61,"offset":3883},"end":{"line":160,"column":68,"offset":3890},"indent":[]}},{"type":"text","value":" ，鼠标点击时触发；","position":{"start":{"line":160,"column":68,"offset":3890},"end":{"line":160,"column":78,"offset":3900},"indent":[]}}],"position":{"start":{"line":160,"column":5,"offset":3827},"end":{"line":160,"column":78,"offset":3900},"indent":[]}}],"position":{"start":{"line":160,"column":3,"offset":3825},"end":{"line":160,"column":78,"offset":3900},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">activeState: &#39;active&#39;</code>","position":{"start":{"line":161,"column":5,"offset":3905},"end":{"line":161,"column":28,"offset":3928},"indent":[]}},{"type":"text","value":", 活跃节点状态；当行为被触发，需要被突出显示的节点和边都会附带此状态，默认值为 ","position":{"start":{"line":161,"column":28,"offset":3928},"end":{"line":161,"column":69,"offset":3969},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">active</code>","position":{"start":{"line":161,"column":69,"offset":3969},"end":{"line":161,"column":77,"offset":3977},"indent":[]}},{"type":"text","value":"；可以与 graph 实例的 ","position":{"start":{"line":161,"column":77,"offset":3977},"end":{"line":161,"column":92,"offset":3992},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">nodeStyle</code>","position":{"start":{"line":161,"column":92,"offset":3992},"end":{"line":161,"column":103,"offset":4003},"indent":[]}},{"type":"text","value":" 和 ","position":{"start":{"line":161,"column":103,"offset":4003},"end":{"line":161,"column":106,"offset":4006},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">edgeStyle</code>","position":{"start":{"line":161,"column":106,"offset":4006},"end":{"line":161,"column":117,"offset":4017},"indent":[]}},{"type":"text","value":" 结合实现丰富的视觉效果。","position":{"start":{"line":161,"column":117,"offset":4017},"end":{"line":161,"column":130,"offset":4030},"indent":[]}}],"position":{"start":{"line":161,"column":5,"offset":3905},"end":{"line":161,"column":130,"offset":4030},"indent":[]}}],"position":{"start":{"line":161,"column":3,"offset":3903},"end":{"line":161,"column":130,"offset":4030},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">inactiveState: &#39;inactive&#39;</code>","position":{"start":{"line":162,"column":5,"offset":4035},"end":{"line":162,"column":32,"offset":4062},"indent":[]}},{"type":"text","value":"，非活跃节点状态，不需要被突出显示的节点和边都会附带此状态，默认值为 ","position":{"start":{"line":162,"column":32,"offset":4062},"end":{"line":162,"column":67,"offset":4097},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">inactive</code>","position":{"start":{"line":162,"column":67,"offset":4097},"end":{"line":162,"column":77,"offset":4107},"indent":[]}},{"type":"text","value":"；可以与 graph 实例的 ","position":{"start":{"line":162,"column":77,"offset":4107},"end":{"line":162,"column":92,"offset":4122},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">nodeStyle</code>","position":{"start":{"line":162,"column":92,"offset":4122},"end":{"line":162,"column":103,"offset":4133},"indent":[]}},{"type":"text","value":" 和 ","position":{"start":{"line":162,"column":103,"offset":4133},"end":{"line":162,"column":106,"offset":4136},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">edgeStyle</code>","position":{"start":{"line":162,"column":106,"offset":4136},"end":{"line":162,"column":117,"offset":4147},"indent":[]}},{"type":"text","value":" 结合实现丰富的视觉效果；","position":{"start":{"line":162,"column":117,"offset":4147},"end":{"line":162,"column":130,"offset":4160},"indent":[]}}],"position":{"start":{"line":162,"column":5,"offset":4035},"end":{"line":162,"column":130,"offset":4160},"indent":[]}}],"position":{"start":{"line":162,"column":3,"offset":4033},"end":{"line":162,"column":130,"offset":4160},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":163,"column":5,"offset":4165},"end":{"line":163,"column":11,"offset":4171},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">resetSelected</code>","position":{"start":{"line":163,"column":11,"offset":4171},"end":{"line":163,"column":26,"offset":4186},"indent":[]}},{"type":"text","value":"：高亮相连节点时是否重置已经选中的节点，默认为false，即选中的节点状态不会被 ","position":{"start":{"line":163,"column":26,"offset":4186},"end":{"line":163,"column":67,"offset":4227},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">activate-relations</code>","position":{"start":{"line":163,"column":67,"offset":4227},"end":{"line":163,"column":87,"offset":4247},"indent":[]}},{"type":"text","value":" 覆盖。","position":{"start":{"line":163,"column":87,"offset":4247},"end":{"line":163,"column":91,"offset":4251},"indent":[]}}],"position":{"start":{"line":163,"column":5,"offset":4165},"end":{"line":163,"column":91,"offset":4251},"indent":[]}}],"position":{"start":{"line":163,"column":3,"offset":4163},"end":{"line":163,"column":91,"offset":4251},"indent":[]}}],"position":{"start":{"line":160,"column":3,"offset":3825},"end":{"line":163,"column":91,"offset":4251},"indent":[3,3,3]}}],"position":{"start":{"line":159,"column":1,"offset":3817},"end":{"line":163,"column":91,"offset":4251},"indent":[1,1,1,1]}}],"position":{"start":{"line":157,"column":1,"offset":3747},"end":{"line":163,"column":91,"offset":4251},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"html","value":"<br />","position":{"start":{"line":166,"column":1,"offset":4254},"end":{"line":166,"column":7,"offset":4260},"indent":[]}},{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":166,"column":9,"offset":4262},"end":{"line":166,"column":13,"offset":4266},"indent":[]}}],"position":{"start":{"line":166,"column":7,"offset":4260},"end":{"line":166,"column":15,"offset":4268},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":166,"column":15,"offset":4268},"end":{"line":166,"column":21,"offset":4274},"indent":[]}}],"position":{"start":{"line":166,"column":1,"offset":4254},"end":{"line":166,"column":21,"offset":4274},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'activate-relations'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":168,"column":1,"offset":4276},"end":{"line":174,"column":4,"offset":4377},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"默认情况下，选中的节点状态，在操作完以后仍然会保持选中状态。","position":{"start":{"line":175,"column":1,"offset":4378},"end":{"line":175,"column":31,"offset":4408},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":175,"column":31,"offset":4408},"end":{"line":175,"column":37,"offset":4414},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570783971145-6588e49f-79d7-40b4-aa66-3308f060f2b4.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=358920&status=done&width=610","alt":"3.gif","position":{"start":{"line":175,"column":37,"offset":4414},"end":{"line":175,"column":270,"offset":4647},"indent":[]}}],"position":{"start":{"line":175,"column":1,"offset":4378},"end":{"line":175,"column":270,"offset":4647},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置参数","position":{"start":{"line":177,"column":3,"offset":4651},"end":{"line":177,"column":7,"offset":4655},"indent":[]}}],"position":{"start":{"line":177,"column":1,"offset":4649},"end":{"line":177,"column":9,"offset":4657},"indent":[]}}],"position":{"start":{"line":177,"column":1,"offset":4649},"end":{"line":177,"column":9,"offset":4657},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'activate-relations'</span><span class=\"token punctuation\">,</span>\n        resetSelected<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\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":178,"column":1,"offset":4658},"end":{"line":189,"column":4,"offset":4822},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"配置 ","position":{"start":{"line":191,"column":1,"offset":4824},"end":{"line":191,"column":4,"offset":4827},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">resetSelected</code>","position":{"start":{"line":191,"column":4,"offset":4827},"end":{"line":191,"column":19,"offset":4842},"indent":[]}},{"type":"text","value":" 参数为 ","position":{"start":{"line":191,"column":19,"offset":4842},"end":{"line":191,"column":24,"offset":4847},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":191,"column":24,"offset":4847},"end":{"line":191,"column":30,"offset":4853},"indent":[]}},{"type":"text","value":" 后，交互后会重置节点的选择状态。","position":{"start":{"line":191,"column":30,"offset":4853},"end":{"line":191,"column":47,"offset":4870},"indent":[]}}],"position":{"start":{"line":191,"column":1,"offset":4824},"end":{"line":191,"column":47,"offset":4870},"indent":[]}},{"type":"paragraph","children":[{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570784093933-beb50a11-eef7-4076-a05c-5723be7e7e1d.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=142174&status=done&width=610","alt":"3.gif","position":{"start":{"line":193,"column":1,"offset":4872},"end":{"line":193,"column":234,"offset":5105},"indent":[]}}],"position":{"start":{"line":193,"column":1,"offset":4872},"end":{"line":193,"column":234,"offset":5105},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#brush-select","title":null,"children":[],"data":{"hProperties":{"aria-label":"brush select permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"brush-select","position":{"start":{"line":196,"column":5,"offset":5112},"end":{"line":196,"column":17,"offset":5124},"indent":[]}}],"position":{"start":{"line":196,"column":1,"offset":5108},"end":{"line":196,"column":17,"offset":5124},"indent":[]},"data":{"id":"brush-select","htmlAttributes":{"id":"brush-select"},"hProperties":{"id":"brush-select"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：拖动框选节点；","position":{"start":{"line":198,"column":3,"offset":5128},"end":{"line":198,"column":13,"offset":5138},"indent":[]}}],"position":{"start":{"line":198,"column":3,"offset":5128},"end":{"line":198,"column":13,"offset":5138},"indent":[]}}],"position":{"start":{"line":198,"column":1,"offset":5126},"end":{"line":198,"column":13,"offset":5138},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;brush-select&#39;</code>","position":{"start":{"line":199,"column":3,"offset":5141},"end":{"line":199,"column":25,"offset":5163},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":199,"column":25,"offset":5163},"end":{"line":199,"column":26,"offset":5164},"indent":[]}}],"position":{"start":{"line":199,"column":3,"offset":5141},"end":{"line":199,"column":26,"offset":5164},"indent":[]}}],"position":{"start":{"line":199,"column":1,"offset":5139},"end":{"line":199,"column":26,"offset":5164},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":200,"column":3,"offset":5167},"end":{"line":200,"column":6,"offset":5170},"indent":[]}}],"position":{"start":{"line":200,"column":3,"offset":5167},"end":{"line":200,"column":6,"offset":5170},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">brushStyle</code>","position":{"start":{"line":201,"column":5,"offset":5175},"end":{"line":201,"column":17,"offset":5187},"indent":[]}},{"type":"text","value":"：拖动框选框的样式；","position":{"start":{"line":201,"column":17,"offset":5187},"end":{"line":201,"column":27,"offset":5197},"indent":[]}}],"position":{"start":{"line":201,"column":5,"offset":5175},"end":{"line":201,"column":27,"offset":5197},"indent":[]}}],"position":{"start":{"line":201,"column":3,"offset":5173},"end":{"line":201,"column":27,"offset":5197},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">onSelect(nodes)</code>","position":{"start":{"line":202,"column":5,"offset":5202},"end":{"line":202,"column":22,"offset":5219},"indent":[]}},{"type":"text","value":"：选中节点时的回调，参数 ","position":{"start":{"line":202,"column":22,"offset":5219},"end":{"line":202,"column":35,"offset":5232},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">nodes</code>","position":{"start":{"line":202,"column":35,"offset":5232},"end":{"line":202,"column":42,"offset":5239},"indent":[]}},{"type":"text","value":" 表示选中的节点；","position":{"start":{"line":202,"column":42,"offset":5239},"end":{"line":202,"column":51,"offset":5248},"indent":[]}}],"position":{"start":{"line":202,"column":5,"offset":5202},"end":{"line":202,"column":51,"offset":5248},"indent":[]}}],"position":{"start":{"line":202,"column":3,"offset":5200},"end":{"line":202,"column":51,"offset":5248},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">onDeselect(nodes)</code>","position":{"start":{"line":203,"column":5,"offset":5253},"end":{"line":203,"column":24,"offset":5272},"indent":[]}},{"type":"text","value":"：取消选中节点时的回调，参数 ","position":{"start":{"line":203,"column":24,"offset":5272},"end":{"line":203,"column":39,"offset":5287},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">nodes</code>","position":{"start":{"line":203,"column":39,"offset":5287},"end":{"line":203,"column":46,"offset":5294},"indent":[]}},{"type":"text","value":" 表示取消选中的节点；","position":{"start":{"line":203,"column":46,"offset":5294},"end":{"line":203,"column":57,"offset":5305},"indent":[]}}],"position":{"start":{"line":203,"column":5,"offset":5253},"end":{"line":203,"column":57,"offset":5305},"indent":[]}}],"position":{"start":{"line":203,"column":3,"offset":5251},"end":{"line":203,"column":57,"offset":5305},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">brushStyle</code>","position":{"start":{"line":204,"column":5,"offset":5310},"end":{"line":204,"column":17,"offset":5322},"indent":[]}},{"type":"text","value":"：框选时样式的配置项，包括 ","position":{"start":{"line":204,"column":17,"offset":5322},"end":{"line":204,"column":31,"offset":5336},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">fill</code>","position":{"start":{"line":204,"column":31,"offset":5336},"end":{"line":204,"column":37,"offset":5342},"indent":[]}},{"type":"text","value":"、","position":{"start":{"line":204,"column":37,"offset":5342},"end":{"line":204,"column":38,"offset":5343},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">fillOpacity</code>","position":{"start":{"line":204,"column":38,"offset":5343},"end":{"line":204,"column":51,"offset":5356},"indent":[]}},{"type":"text","value":"、","position":{"start":{"line":204,"column":51,"offset":5356},"end":{"line":204,"column":52,"offset":5357},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">stroke</code>","position":{"start":{"line":204,"column":52,"offset":5357},"end":{"line":204,"column":60,"offset":5365},"indent":[]}},{"type":"text","value":" 和 ","position":{"start":{"line":204,"column":60,"offset":5365},"end":{"line":204,"column":63,"offset":5368},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">lineWidth</code>","position":{"start":{"line":204,"column":63,"offset":5368},"end":{"line":204,"column":74,"offset":5379},"indent":[]}},{"type":"text","value":" 四个属性；","position":{"start":{"line":204,"column":74,"offset":5379},"end":{"line":204,"column":80,"offset":5385},"indent":[]}}],"position":{"start":{"line":204,"column":5,"offset":5310},"end":{"line":204,"column":80,"offset":5385},"indent":[]}}],"position":{"start":{"line":204,"column":3,"offset":5308},"end":{"line":204,"column":80,"offset":5385},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">selectedState</code>","position":{"start":{"line":205,"column":5,"offset":5390},"end":{"line":205,"column":20,"offset":5405},"indent":[]}},{"type":"text","value":"：选中的状态，默认值为 ","position":{"start":{"line":205,"column":20,"offset":5405},"end":{"line":205,"column":32,"offset":5417},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;selected&#39;</code>","position":{"start":{"line":205,"column":32,"offset":5417},"end":{"line":205,"column":44,"offset":5429},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":205,"column":44,"offset":5429},"end":{"line":205,"column":45,"offset":5430},"indent":[]}}],"position":{"start":{"line":205,"column":5,"offset":5390},"end":{"line":205,"column":45,"offset":5430},"indent":[]}}],"position":{"start":{"line":205,"column":3,"offset":5388},"end":{"line":205,"column":45,"offset":5430},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">includeEdges</code>","position":{"start":{"line":206,"column":5,"offset":5435},"end":{"line":206,"column":19,"offset":5449},"indent":[]}},{"type":"text","value":"：框选过程中是否选中边，默认为 ","position":{"start":{"line":206,"column":19,"offset":5449},"end":{"line":206,"column":35,"offset":5465},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">true</code>","position":{"start":{"line":206,"column":35,"offset":5465},"end":{"line":206,"column":41,"offset":5471},"indent":[]}},{"type":"text","value":"，用户配置为 ","position":{"start":{"line":206,"column":41,"offset":5471},"end":{"line":206,"column":48,"offset":5478},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">false</code>","position":{"start":{"line":206,"column":48,"offset":5478},"end":{"line":206,"column":55,"offset":5485},"indent":[]}},{"type":"text","value":" 时，则不选中边；","position":{"start":{"line":206,"column":55,"offset":5485},"end":{"line":206,"column":64,"offset":5494},"indent":[]}}],"position":{"start":{"line":206,"column":5,"offset":5435},"end":{"line":206,"column":64,"offset":5494},"indent":[]}}],"position":{"start":{"line":206,"column":3,"offset":5433},"end":{"line":206,"column":64,"offset":5494},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"3.1.2 ","position":{"start":{"line":207,"column":5,"offset":5499},"end":{"line":207,"column":11,"offset":5505},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":207,"column":11,"offset":5505},"end":{"line":207,"column":20,"offset":5514},"indent":[]}},{"type":"text","value":"：触发框选的动作，默认为 ","position":{"start":{"line":207,"column":20,"offset":5514},"end":{"line":207,"column":33,"offset":5527},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":207,"column":33,"offset":5527},"end":{"line":207,"column":42,"offset":5536},"indent":[]}},{"type":"text","value":"，即用户按住 Shift 键拖动就可以进行框选操作，可配置的的选项为: ","position":{"start":{"line":207,"column":42,"offset":5536},"end":{"line":207,"column":78,"offset":5572},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":207,"column":78,"offset":5572},"end":{"line":207,"column":87,"offset":5581},"indent":[]}},{"type":"text","value":"、","position":{"start":{"line":207,"column":87,"offset":5581},"end":{"line":207,"column":88,"offset":5582},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;ctrl&#39; / &#39;control&#39;</code>","position":{"start":{"line":207,"column":88,"offset":5582},"end":{"line":207,"column":108,"offset":5602},"indent":[]}},{"type":"text","value":"、","position":{"start":{"line":207,"column":108,"offset":5602},"end":{"line":207,"column":109,"offset":5603},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;alt&#39;</code>","position":{"start":{"line":207,"column":109,"offset":5603},"end":{"line":207,"column":116,"offset":5610},"indent":[]}},{"type":"text","value":" 和 ","position":{"start":{"line":207,"column":116,"offset":5610},"end":{"line":207,"column":119,"offset":5613},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;drag&#39;</code>","position":{"start":{"line":207,"column":119,"offset":5613},"end":{"line":207,"column":127,"offset":5621},"indent":[]}},{"type":"text","value":" ，不区分大小写：","position":{"start":{"line":207,"column":127,"offset":5621},"end":{"line":207,"column":136,"offset":5630},"indent":[]}}],"position":{"start":{"line":207,"column":5,"offset":5499},"end":{"line":207,"column":136,"offset":5630},"indent":[]}}],"position":{"start":{"line":207,"column":3,"offset":5497},"end":{"line":207,"column":136,"offset":5630},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">&#39;shift&#39;</code>","position":{"start":{"line":208,"column":7,"offset":5637},"end":{"line":208,"column":16,"offset":5646},"indent":[]}},{"type":"text","value":"：按住 Shift 键进行拖动框选；","position":{"start":{"line":208,"column":16,"offset":5646},"end":{"line":208,"column":34,"offset":5664},"indent":[]}}],"position":{"start":{"line":208,"column":7,"offset":5637},"end":{"line":208,"column":34,"offset":5664},"indent":[]}}],"position":{"start":{"line":208,"column":5,"offset":5635},"end":{"line":208,"column":34,"offset":5664},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">&#39;ctrl&#39; / &#39;control&#39;</code>","position":{"start":{"line":209,"column":7,"offset":5671},"end":{"line":209,"column":27,"offset":5691},"indent":[]}},{"type":"text","value":"：按住 Ctrl 键进行拖动框选；","position":{"start":{"line":209,"column":27,"offset":5691},"end":{"line":209,"column":44,"offset":5708},"indent":[]}}],"position":{"start":{"line":209,"column":7,"offset":5671},"end":{"line":209,"column":44,"offset":5708},"indent":[]}}],"position":{"start":{"line":209,"column":5,"offset":5669},"end":{"line":209,"column":44,"offset":5708},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">&#39;alt&#39;</code>","position":{"start":{"line":210,"column":7,"offset":5715},"end":{"line":210,"column":14,"offset":5722},"indent":[]}},{"type":"text","value":"：按住 Alt 键进行拖动框选；","position":{"start":{"line":210,"column":14,"offset":5722},"end":{"line":210,"column":30,"offset":5738},"indent":[]}}],"position":{"start":{"line":210,"column":7,"offset":5715},"end":{"line":210,"column":30,"offset":5738},"indent":[]}}],"position":{"start":{"line":210,"column":5,"offset":5713},"end":{"line":210,"column":30,"offset":5738},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"风险 ","position":{"start":{"line":211,"column":7,"offset":5745},"end":{"line":211,"column":10,"offset":5748},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">&#39;drag&#39;</code>","position":{"start":{"line":211,"column":10,"offset":5748},"end":{"line":211,"column":18,"offset":5756},"indent":[]}},{"type":"text","value":"：不需要按任何键，进行拖动框选，如果同时配置了 ","position":{"start":{"line":211,"column":18,"offset":5756},"end":{"line":211,"column":42,"offset":5780},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":211,"column":42,"offset":5780},"end":{"line":211,"column":55,"offset":5793},"indent":[]}},{"type":"text","value":"，则会与该选项冲突。","position":{"start":{"line":211,"column":55,"offset":5793},"end":{"line":211,"column":65,"offset":5803},"indent":[]}}],"position":{"start":{"line":211,"column":7,"offset":5745},"end":{"line":211,"column":65,"offset":5803},"indent":[]}}],"position":{"start":{"line":211,"column":5,"offset":5743},"end":{"line":211,"column":65,"offset":5803},"indent":[]}}],"position":{"start":{"line":201,"column":3,"offset":5173},"end":{"line":211,"column":65,"offset":5803},"indent":[3,3,3,3,3,3,5,5,5,5]}}],"position":{"start":{"line":200,"column":1,"offset":5165},"end":{"line":211,"column":65,"offset":5803},"indent":[1,1,1,1,1,1,1,1,1,1,1]}}],"position":{"start":{"line":198,"column":1,"offset":5126},"end":{"line":211,"column":65,"offset":5803},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":213,"column":3,"offset":5807},"end":{"line":213,"column":7,"offset":5811},"indent":[]}}],"position":{"start":{"line":213,"column":1,"offset":5805},"end":{"line":213,"column":9,"offset":5813},"indent":[]}}],"position":{"start":{"line":213,"column":1,"offset":5805},"end":{"line":213,"column":9,"offset":5813},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":215,"column":1,"offset":5815},"end":{"line":221,"column":4,"offset":5910},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"默认情况下，按住 Shift 键进行框选，选中节点的同时，也会选中边。","position":{"start":{"line":222,"column":1,"offset":5911},"end":{"line":222,"column":36,"offset":5946},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":222,"column":36,"offset":5946},"end":{"line":222,"column":42,"offset":5952},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779252901-1efaccf6-a268-47a6-8db9-f63c82d355fe.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=188323&status=done&width=610","alt":"3.gif","position":{"start":{"line":222,"column":42,"offset":5952},"end":{"line":222,"column":275,"offset":6185},"indent":[]}}],"position":{"start":{"line":222,"column":1,"offset":5911},"end":{"line":222,"column":275,"offset":6185},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置参数","position":{"start":{"line":224,"column":3,"offset":6189},"end":{"line":224,"column":7,"offset":6193},"indent":[]}}],"position":{"start":{"line":224,"column":1,"offset":6187},"end":{"line":224,"column":9,"offset":6195},"indent":[]}}],"position":{"start":{"line":224,"column":1,"offset":6187},"end":{"line":224,"column":9,"offset":6195},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'ctrl'</span><span class=\"token punctuation\">,</span>\n        includeEdges<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    <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</code></pre></div>","position":{"start":{"line":225,"column":1,"offset":6196},"end":{"line":237,"column":4,"offset":6379},"indent":[1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"上面的配置，按住 Ctrl 键，进行框选，框选过程中不会选中边。","position":{"start":{"line":239,"column":1,"offset":6381},"end":{"line":239,"column":33,"offset":6413},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":239,"column":33,"offset":6413},"end":{"line":239,"column":39,"offset":6419},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779434063-6bf4fe39-88c8-44c2-a25d-6b8980db4a39.gif#align=left&display=inline&height=370&name=3.gif&originHeight=542&originWidth=610&search=&size=115882&status=done&width=416","alt":"3.gif","position":{"start":{"line":239,"column":39,"offset":6419},"end":{"line":239,"column":272,"offset":6652},"indent":[]}}],"position":{"start":{"line":239,"column":1,"offset":6381},"end":{"line":239,"column":272,"offset":6652},"indent":[]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置冲突","position":{"start":{"line":241,"column":3,"offset":6656},"end":{"line":241,"column":7,"offset":6660},"indent":[]}}],"position":{"start":{"line":241,"column":1,"offset":6654},"end":{"line":241,"column":9,"offset":6662},"indent":[]}}],"position":{"start":{"line":241,"column":1,"offset":6654},"end":{"line":241,"column":9,"offset":6662},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag'</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</code></pre></div>","position":{"start":{"line":242,"column":1,"offset":6663},"end":{"line":253,"column":4,"offset":6831},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"当用户配置 ","position":{"start":{"line":255,"column":1,"offset":6833},"end":{"line":255,"column":7,"offset":6839},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">brush-select</code>","position":{"start":{"line":255,"column":7,"offset":6839},"end":{"line":255,"column":21,"offset":6853},"indent":[]}},{"type":"text","value":" 的 ","position":{"start":{"line":255,"column":21,"offset":6853},"end":{"line":255,"column":24,"offset":6856},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":255,"column":24,"offset":6856},"end":{"line":255,"column":33,"offset":6865},"indent":[]}},{"type":"text","value":" 为 ","position":{"start":{"line":255,"column":33,"offset":6865},"end":{"line":255,"column":36,"offset":6868},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">drag</code>","position":{"start":{"line":255,"column":36,"offset":6868},"end":{"line":255,"column":42,"offset":6874},"indent":[]}},{"type":"text","value":"，同时又配置了 ","position":{"start":{"line":255,"column":42,"offset":6874},"end":{"line":255,"column":50,"offset":6882},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":255,"column":50,"offset":6882},"end":{"line":255,"column":63,"offset":6895},"indent":[]}},{"type":"text","value":" 时，在交互上面会出现冲突的情况。","position":{"start":{"line":255,"column":63,"offset":6895},"end":{"line":255,"column":80,"offset":6912},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":255,"column":80,"offset":6912},"end":{"line":255,"column":86,"offset":6918},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570779665370-63bb8a65-f4e3-4a05-8c42-21b2e79b6b76.gif#align=left&display=inline&height=412&name=3.gif&originHeight=542&originWidth=610&search=&size=559913&status=done&width=464","alt":"3.gif","position":{"start":{"line":255,"column":86,"offset":6918},"end":{"line":255,"column":319,"offset":7151},"indent":[]}}],"position":{"start":{"line":255,"column":1,"offset":6833},"end":{"line":255,"column":319,"offset":7151},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"可以看到，在拖动过程中也出现了框选的情况，这种情况很显然不是我们期望的效果，除过使用 ","position":{"start":{"line":257,"column":1,"offset":7153},"end":{"line":257,"column":44,"offset":7196},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">brush-select</code>","position":{"start":{"line":257,"column":44,"offset":7196},"end":{"line":257,"column":59,"offset":7211},"indent":[]}},{"type":"text","value":"的 ","position":{"start":{"line":257,"column":59,"offset":7211},"end":{"line":257,"column":61,"offset":7213},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":257,"column":61,"offset":7213},"end":{"line":257,"column":70,"offset":7222},"indent":[]}},{"type":"text","value":" 参数避免这种冲突外，我们还可以通过下面的方式来实现：","position":{"start":{"line":257,"column":70,"offset":7222},"end":{"line":257,"column":97,"offset":7249},"indent":[]}}],"position":{"start":{"line":257,"column":1,"offset":7153},"end":{"line":257,"column":97,"offset":7249},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n    brush<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'brush-select'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'drag'</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</code></pre></div>","position":{"start":{"line":259,"column":1,"offset":7251},"end":{"line":271,"column":4,"offset":7433},"indent":[1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"上面这种方式是使用不同的 mode 来区分，mode 可以达到使用相同交互动作而产生不同的效果，更多关于 mode 的内容请参数 ","position":{"start":{"line":273,"column":1,"offset":7435},"end":{"line":273,"column":66,"offset":7500},"indent":[]}},{"type":"link","title":null,"url":"./mode","children":[{"type":"text","value":"G6 中的 Mode 文档","position":{"start":{"line":273,"column":67,"offset":7501},"end":{"line":273,"column":80,"offset":7514},"indent":[]}}],"position":{"start":{"line":273,"column":66,"offset":7500},"end":{"line":273,"column":89,"offset":7523},"indent":[]}},{"type":"text","value":"。","position":{"start":{"line":273,"column":89,"offset":7523},"end":{"line":273,"column":90,"offset":7524},"indent":[]}}],"position":{"start":{"line":273,"column":1,"offset":7435},"end":{"line":273,"column":90,"offset":7524},"indent":[]}},{"type":"paragraph","children":[{"type":"text","value":"使用 mode 区分，默认情况下使用的是 ","position":{"start":{"line":275,"column":1,"offset":7526},"end":{"line":275,"column":22,"offset":7547},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">drag-canvas</code>","position":{"start":{"line":275,"column":22,"offset":7547},"end":{"line":275,"column":35,"offset":7560},"indent":[]}},{"type":"text","value":"，但用户需要切换到框选时，通过 ","position":{"start":{"line":275,"column":35,"offset":7560},"end":{"line":275,"column":51,"offset":7576},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">graph.setModel(&#39;brush&#39;)</code>","position":{"start":{"line":275,"column":51,"offset":7576},"end":{"line":275,"column":76,"offset":7601},"indent":[]}},{"type":"text","value":" 即可实现，此时同样的交互产生的就是框选的效果。","position":{"start":{"line":275,"column":76,"offset":7601},"end":{"line":275,"column":100,"offset":7625},"indent":[]}}],"position":{"start":{"line":275,"column":1,"offset":7526},"end":{"line":275,"column":100,"offset":7625},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#collapse-expand","title":null,"children":[],"data":{"hProperties":{"aria-label":"collapse expand permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"collapse-expand","position":{"start":{"line":277,"column":5,"offset":7631},"end":{"line":277,"column":20,"offset":7646},"indent":[]}}],"position":{"start":{"line":277,"column":1,"offset":7627},"end":{"line":277,"column":20,"offset":7646},"indent":[]},"data":{"id":"collapse-expand","htmlAttributes":{"id":"collapse-expand"},"hProperties":{"id":"collapse-expand"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：只适用于树图，展开或收起节点；","position":{"start":{"line":279,"column":3,"offset":7650},"end":{"line":279,"column":21,"offset":7668},"indent":[]}}],"position":{"start":{"line":279,"column":3,"offset":7650},"end":{"line":279,"column":21,"offset":7668},"indent":[]}}],"position":{"start":{"line":279,"column":1,"offset":7648},"end":{"line":279,"column":21,"offset":7668},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;collapse-expand&#39;</code>","position":{"start":{"line":280,"column":3,"offset":7671},"end":{"line":280,"column":28,"offset":7696},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":280,"column":28,"offset":7696},"end":{"line":280,"column":29,"offset":7697},"indent":[]}}],"position":{"start":{"line":280,"column":3,"offset":7671},"end":{"line":280,"column":29,"offset":7697},"indent":[]}}],"position":{"start":{"line":280,"column":1,"offset":7669},"end":{"line":280,"column":29,"offset":7697},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":281,"column":3,"offset":7700},"end":{"line":281,"column":6,"offset":7703},"indent":[]}}],"position":{"start":{"line":281,"column":3,"offset":7700},"end":{"line":281,"column":6,"offset":7703},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":282,"column":5,"offset":7708},"end":{"line":282,"column":14,"offset":7717},"indent":[]}},{"type":"text","value":"：收起和展开树图的方式，支持","position":{"start":{"line":282,"column":14,"offset":7717},"end":{"line":282,"column":28,"offset":7731},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":282,"column":28,"offset":7731},"end":{"line":282,"column":35,"offset":7738},"indent":[]}},{"type":"text","value":"和","position":{"start":{"line":282,"column":35,"offset":7738},"end":{"line":282,"column":36,"offset":7739},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":282,"column":36,"offset":7739},"end":{"line":282,"column":46,"offset":7749},"indent":[]}},{"type":"text","value":"两种方式，默认为","position":{"start":{"line":282,"column":46,"offset":7749},"end":{"line":282,"column":54,"offset":7757},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":282,"column":54,"offset":7757},"end":{"line":282,"column":61,"offset":7764},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":282,"column":61,"offset":7764},"end":{"line":282,"column":62,"offset":7765},"indent":[]}}],"position":{"start":{"line":282,"column":5,"offset":7708},"end":{"line":282,"column":62,"offset":7765},"indent":[]}}],"position":{"start":{"line":282,"column":3,"offset":7706},"end":{"line":282,"column":62,"offset":7765},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">onChange</code>","position":{"start":{"line":283,"column":5,"offset":7770},"end":{"line":283,"column":15,"offset":7780},"indent":[]}},{"type":"text","value":"：收起或展开的回调函数，警告 ","position":{"start":{"line":283,"column":15,"offset":7780},"end":{"line":283,"column":30,"offset":7795},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">3.1.2</code>","position":{"start":{"line":283,"column":30,"offset":7795},"end":{"line":283,"column":38,"offset":7803},"indent":[]}},{"type":"text","value":"版本中将移除。","position":{"start":{"line":283,"column":38,"offset":7803},"end":{"line":283,"column":45,"offset":7810},"indent":[]}}],"position":{"start":{"line":283,"column":5,"offset":7770},"end":{"line":283,"column":45,"offset":7810},"indent":[]}}],"position":{"start":{"line":283,"column":3,"offset":7768},"end":{"line":283,"column":45,"offset":7810},"indent":[]}}],"position":{"start":{"line":282,"column":3,"offset":7706},"end":{"line":283,"column":45,"offset":7810},"indent":[3]}}],"position":{"start":{"line":281,"column":1,"offset":7698},"end":{"line":283,"column":45,"offset":7810},"indent":[1,1]}}],"position":{"start":{"line":279,"column":1,"offset":7648},"end":{"line":283,"column":45,"offset":7810},"indent":[1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"用法","position":{"start":{"line":286,"column":3,"offset":7815},"end":{"line":286,"column":5,"offset":7817},"indent":[]}}],"position":{"start":{"line":286,"column":1,"offset":7813},"end":{"line":286,"column":7,"offset":7819},"indent":[]}}],"position":{"start":{"line":286,"column":1,"offset":7813},"end":{"line":286,"column":7,"offset":7819},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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>TreeGraph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'collapse-expand'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'click'</span><span class=\"token punctuation\">,</span>\n        <span class=\"token function\">onChange</span><span class=\"token punctuation\">(</span><span class=\"token parameter\">item<span class=\"token punctuation\">,</span> collapsed</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span>\n          <span class=\"token keyword\">const</span> data <span class=\"token operator\">=</span> item<span class=\"token punctuation\">.</span><span class=\"token function\">get</span><span class=\"token punctuation\">(</span><span class=\"token string\">'model'</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span>data<span class=\"token punctuation\">;</span>\n          data<span class=\"token punctuation\">.</span>collapsed <span class=\"token operator\">=</span> collapsed<span class=\"token punctuation\">;</span>\n          <span class=\"token keyword\">return</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">;</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n      <span class=\"token string\">'drag-canvas'</span><span class=\"token punctuation\">,</span>\n      <span class=\"token string\">'zoom-canvas'</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</code></pre></div>","position":{"start":{"line":288,"column":1,"offset":7821},"end":{"line":302,"column":4,"offset":8142},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#collapse-expand-group","title":null,"children":[],"data":{"hProperties":{"aria-label":"collapse expand group permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"collapse-expand-group","position":{"start":{"line":304,"column":5,"offset":8148},"end":{"line":304,"column":26,"offset":8169},"indent":[]}}],"position":{"start":{"line":304,"column":1,"offset":8144},"end":{"line":304,"column":26,"offset":8169},"indent":[]},"data":{"id":"collapse-expand-group","htmlAttributes":{"id":"collapse-expand-group"},"hProperties":{"id":"collapse-expand-group"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：收起和展开群组；","position":{"start":{"line":306,"column":3,"offset":8173},"end":{"line":306,"column":14,"offset":8184},"indent":[]}}],"position":{"start":{"line":306,"column":3,"offset":8173},"end":{"line":306,"column":14,"offset":8184},"indent":[]}}],"position":{"start":{"line":306,"column":1,"offset":8171},"end":{"line":306,"column":14,"offset":8184},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type：&#39;collapse-expand-group&#39;</code>","position":{"start":{"line":307,"column":3,"offset":8187},"end":{"line":307,"column":33,"offset":8217},"indent":[]}}],"position":{"start":{"line":307,"column":3,"offset":8187},"end":{"line":307,"column":33,"offset":8217},"indent":[]}}],"position":{"start":{"line":307,"column":1,"offset":8185},"end":{"line":307,"column":33,"offset":8217},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":308,"column":3,"offset":8220},"end":{"line":308,"column":6,"offset":8223},"indent":[]}}],"position":{"start":{"line":308,"column":3,"offset":8220},"end":{"line":308,"column":6,"offset":8223},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"3.1.2 trigger：收起和展开节点分组的方式，支持","position":{"start":{"line":309,"column":5,"offset":8228},"end":{"line":309,"column":34,"offset":8257},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":309,"column":34,"offset":8257},"end":{"line":309,"column":41,"offset":8264},"indent":[]}},{"type":"text","value":"和","position":{"start":{"line":309,"column":41,"offset":8264},"end":{"line":309,"column":42,"offset":8265},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":309,"column":42,"offset":8265},"end":{"line":309,"column":52,"offset":8275},"indent":[]}},{"type":"text","value":"两种方式，默认为","position":{"start":{"line":309,"column":52,"offset":8275},"end":{"line":309,"column":60,"offset":8283},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">dblclick</code>","position":{"start":{"line":309,"column":60,"offset":8283},"end":{"line":309,"column":70,"offset":8293},"indent":[]}}],"position":{"start":{"line":309,"column":5,"offset":8228},"end":{"line":309,"column":70,"offset":8293},"indent":[]}}],"position":{"start":{"line":309,"column":3,"offset":8226},"end":{"line":309,"column":70,"offset":8293},"indent":[]}}],"position":{"start":{"line":309,"column":3,"offset":8226},"end":{"line":309,"column":70,"offset":8293},"indent":[]}}],"position":{"start":{"line":308,"column":1,"offset":8218},"end":{"line":309,"column":70,"offset":8293},"indent":[1]}}],"position":{"start":{"line":306,"column":1,"offset":8171},"end":{"line":309,"column":70,"offset":8293},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":311,"column":3,"offset":8297},"end":{"line":311,"column":7,"offset":8301},"indent":[]}}],"position":{"start":{"line":311,"column":1,"offset":8295},"end":{"line":311,"column":9,"offset":8303},"indent":[]}}],"position":{"start":{"line":311,"column":1,"offset":8295},"end":{"line":311,"column":9,"offset":8303},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'collapse-expand-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":312,"column":1,"offset":8304},"end":{"line":318,"column":4,"offset":8408},"indent":[1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"配置参数","position":{"start":{"line":320,"column":3,"offset":8412},"end":{"line":320,"column":7,"offset":8416},"indent":[]}}],"position":{"start":{"line":320,"column":1,"offset":8410},"end":{"line":320,"column":9,"offset":8418},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":320,"column":9,"offset":8418},"end":{"line":320,"column":15,"offset":8424},"indent":[]}},{"type":"text","value":"配置 ","position":{"start":{"line":320,"column":15,"offset":8424},"end":{"line":320,"column":18,"offset":8427},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">trigger</code>","position":{"start":{"line":320,"column":18,"offset":8427},"end":{"line":320,"column":27,"offset":8436},"indent":[]}},{"type":"text","value":" 参数为 ","position":{"start":{"line":320,"column":27,"offset":8436},"end":{"line":320,"column":32,"offset":8441},"indent":[]}},{"type":"strong","children":[{"type":"html","value":"<code class=\"language-text\">click</code>","position":{"start":{"line":320,"column":34,"offset":8443},"end":{"line":320,"column":41,"offset":8450},"indent":[]}}],"position":{"start":{"line":320,"column":32,"offset":8441},"end":{"line":320,"column":43,"offset":8452},"indent":[]}},{"type":"text","value":" 后，单击节点分组即可收起或展开分组。","position":{"start":{"line":320,"column":43,"offset":8452},"end":{"line":320,"column":62,"offset":8471},"indent":[]}}],"position":{"start":{"line":320,"column":1,"offset":8410},"end":{"line":320,"column":62,"offset":8471},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n      <span class=\"token punctuation\">{</span>\n        type<span class=\"token punctuation\">:</span> <span class=\"token string\">'collapse-expand-group'</span><span class=\"token punctuation\">,</span>\n        trigger<span class=\"token punctuation\">:</span> <span class=\"token string\">'click'</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</code></pre></div>","position":{"start":{"line":322,"column":1,"offset":8473},"end":{"line":333,"column":4,"offset":8636},"indent":[1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/gif/244306/1570785874686-a7333f95-e8d3-45a7-873e-8ee56c3b4b21.gif#align=left&display=inline&height=542&name=3.gif&originHeight=542&originWidth=610&search=&size=57719&status=done&width=610","alt":"3.gif","position":{"start":{"line":335,"column":1,"offset":8638},"end":{"line":335,"column":233,"offset":8870},"indent":[]}}],"position":{"start":{"line":335,"column":1,"offset":8638},"end":{"line":335,"column":233,"offset":8870},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#drag-group","title":null,"children":[],"data":{"hProperties":{"aria-label":"drag group permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"drag-group","position":{"start":{"line":337,"column":5,"offset":8876},"end":{"line":337,"column":15,"offset":8886},"indent":[]}}],"position":{"start":{"line":337,"column":1,"offset":8872},"end":{"line":337,"column":15,"offset":8886},"indent":[]},"data":{"id":"drag-group","htmlAttributes":{"id":"drag-group"},"hProperties":{"id":"drag-group"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：拖动节点分组；","position":{"start":{"line":339,"column":3,"offset":8890},"end":{"line":339,"column":13,"offset":8900},"indent":[]}}],"position":{"start":{"line":339,"column":3,"offset":8890},"end":{"line":339,"column":13,"offset":8900},"indent":[]}}],"position":{"start":{"line":339,"column":1,"offset":8888},"end":{"line":339,"column":13,"offset":8900},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type: &#39;drag-group&#39;</code>","position":{"start":{"line":340,"column":3,"offset":8903},"end":{"line":340,"column":23,"offset":8923},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":340,"column":23,"offset":8923},"end":{"line":340,"column":24,"offset":8924},"indent":[]}}],"position":{"start":{"line":340,"column":3,"offset":8903},"end":{"line":340,"column":24,"offset":8924},"indent":[]}}],"position":{"start":{"line":340,"column":1,"offset":8901},"end":{"line":340,"column":24,"offset":8924},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":341,"column":3,"offset":8927},"end":{"line":341,"column":6,"offset":8930},"indent":[]}}],"position":{"start":{"line":341,"column":3,"offset":8927},"end":{"line":341,"column":6,"offset":8930},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":342,"column":5,"offset":8935},"end":{"line":342,"column":20,"offset":8950},"indent":[]}},{"type":"text","value":"：拖动节点分组时 ","position":{"start":{"line":342,"column":20,"offset":8950},"end":{"line":342,"column":29,"offset":8959},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":342,"column":29,"offset":8959},"end":{"line":342,"column":39,"offset":8969},"indent":[]}},{"type":"text","value":" 的样式。","position":{"start":{"line":342,"column":39,"offset":8969},"end":{"line":342,"column":44,"offset":8974},"indent":[]}}],"position":{"start":{"line":342,"column":5,"offset":8935},"end":{"line":342,"column":44,"offset":8974},"indent":[]}}],"position":{"start":{"line":342,"column":3,"offset":8933},"end":{"line":342,"column":44,"offset":8974},"indent":[]}}],"position":{"start":{"line":342,"column":3,"offset":8933},"end":{"line":342,"column":44,"offset":8974},"indent":[]}}],"position":{"start":{"line":341,"column":1,"offset":8925},"end":{"line":342,"column":44,"offset":8974},"indent":[1]}}],"position":{"start":{"line":339,"column":1,"offset":8888},"end":{"line":342,"column":44,"offset":8974},"indent":[1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":344,"column":3,"offset":8978},"end":{"line":344,"column":7,"offset":8982},"indent":[]}}],"position":{"start":{"line":344,"column":1,"offset":8976},"end":{"line":344,"column":9,"offset":8984},"indent":[]}}],"position":{"start":{"line":344,"column":1,"offset":8976},"end":{"line":344,"column":9,"offset":8984},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":345,"column":1,"offset":8985},"end":{"line":351,"column":4,"offset":9078},"indent":[1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#drag-node-with-group","title":null,"children":[],"data":{"hProperties":{"aria-label":"drag node with group permalink","class":"anchor"},"hChildren":[{"type":"raw","value":"<svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg>"}]}},{"type":"text","value":"drag-node-with-group","position":{"start":{"line":353,"column":5,"offset":9084},"end":{"line":353,"column":25,"offset":9104},"indent":[]}}],"position":{"start":{"line":353,"column":1,"offset":9080},"end":{"line":353,"column":25,"offset":9104},"indent":[]},"data":{"id":"drag-node-with-group","htmlAttributes":{"id":"drag-node-with-group"},"hProperties":{"id":"drag-node-with-group"}}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"含义：拖动节点分组中的节点；","position":{"start":{"line":355,"column":3,"offset":9108},"end":{"line":355,"column":17,"offset":9122},"indent":[]}}],"position":{"start":{"line":355,"column":3,"offset":9108},"end":{"line":355,"column":17,"offset":9122},"indent":[]}}],"position":{"start":{"line":355,"column":1,"offset":9106},"end":{"line":355,"column":17,"offset":9122},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">type：&#39;drag-node-with-group&#39;</code>","position":{"start":{"line":356,"column":3,"offset":9125},"end":{"line":356,"column":32,"offset":9154},"indent":[]}},{"type":"text","value":"；","position":{"start":{"line":356,"column":32,"offset":9154},"end":{"line":356,"column":33,"offset":9155},"indent":[]}}],"position":{"start":{"line":356,"column":3,"offset":9125},"end":{"line":356,"column":33,"offset":9155},"indent":[]}}],"position":{"start":{"line":356,"column":1,"offset":9123},"end":{"line":356,"column":33,"offset":9155},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"text","value":"参数：","position":{"start":{"line":357,"column":3,"offset":9158},"end":{"line":357,"column":6,"offset":9161},"indent":[]}}],"position":{"start":{"line":357,"column":3,"offset":9158},"end":{"line":357,"column":6,"offset":9161},"indent":[]}},{"type":"list","ordered":false,"start":null,"spread":false,"children":[{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">delegateStyle</code>","position":{"start":{"line":358,"column":5,"offset":9166},"end":{"line":358,"column":20,"offset":9181},"indent":[]}},{"type":"text","value":"：拖动节点分组时 ","position":{"start":{"line":358,"column":20,"offset":9181},"end":{"line":358,"column":29,"offset":9190},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">delegate</code>","position":{"start":{"line":358,"column":29,"offset":9190},"end":{"line":358,"column":39,"offset":9200},"indent":[]}},{"type":"text","value":" 的样式；","position":{"start":{"line":358,"column":39,"offset":9200},"end":{"line":358,"column":44,"offset":9205},"indent":[]}}],"position":{"start":{"line":358,"column":5,"offset":9166},"end":{"line":358,"column":44,"offset":9205},"indent":[]}}],"position":{"start":{"line":358,"column":3,"offset":9164},"end":{"line":358,"column":44,"offset":9205},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">maxMultiple</code>","position":{"start":{"line":359,"column":5,"offset":9210},"end":{"line":359,"column":18,"offset":9223},"indent":[]}},{"type":"text","value":"：","position":{"start":{"line":359,"column":18,"offset":9223},"end":{"line":359,"column":19,"offset":9224},"indent":[]}}],"position":{"start":{"line":359,"column":5,"offset":9210},"end":{"line":359,"column":19,"offset":9224},"indent":[]}}],"position":{"start":{"line":359,"column":3,"offset":9208},"end":{"line":359,"column":19,"offset":9224},"indent":[]}},{"type":"listItem","spread":false,"checked":null,"children":[{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">minMultiple</code>","position":{"start":{"line":360,"column":5,"offset":9229},"end":{"line":360,"column":18,"offset":9242},"indent":[]}},{"type":"text","value":"。","position":{"start":{"line":360,"column":18,"offset":9242},"end":{"line":360,"column":19,"offset":9243},"indent":[]}}],"position":{"start":{"line":360,"column":5,"offset":9229},"end":{"line":360,"column":19,"offset":9243},"indent":[]}}],"position":{"start":{"line":360,"column":3,"offset":9227},"end":{"line":360,"column":19,"offset":9243},"indent":[]}}],"position":{"start":{"line":358,"column":3,"offset":9164},"end":{"line":360,"column":19,"offset":9243},"indent":[3,3]}}],"position":{"start":{"line":357,"column":1,"offset":9156},"end":{"line":360,"column":19,"offset":9243},"indent":[1,1,1]}}],"position":{"start":{"line":355,"column":1,"offset":9106},"end":{"line":360,"column":19,"offset":9243},"indent":[1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"strong","children":[{"type":"text","value":"默认配置","position":{"start":{"line":362,"column":3,"offset":9247},"end":{"line":362,"column":7,"offset":9251},"indent":[]}}],"position":{"start":{"line":362,"column":1,"offset":9245},"end":{"line":362,"column":9,"offset":9253},"indent":[]}}],"position":{"start":{"line":362,"column":1,"offset":9245},"end":{"line":362,"column":9,"offset":9253},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"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  modes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n    <span class=\"token keyword\">default</span><span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token string\">'drag-node-with-group'</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":363,"column":1,"offset":9254},"end":{"line":369,"column":4,"offset":9357},"indent":[1,1,1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":370,"column":1,"offset":9358}}}}