@antv/g6
Version:
graph visualization frame work
1 lines • 44.7 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-ast-c4b92ffa7851954eb9be7fd0075dd872-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":{"type":"root","children":[{"type":"paragraph","children":[{"type":"text","value":"G6 内置了圆弧 arc 边，其默认样式如下。","position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":24,"offset":24},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":2,"column":24,"offset":24},"end":{"line":2,"column":30,"offset":30},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570875218589-c7330833-07dd-4fb3-8a67-3642ef10d725.png#align=left&display=inline&height=109&name=image.png&originHeight=218&originWidth=234&search=&size=13909&status=done&width=117","alt":"image.png","position":{"start":{"line":2,"column":30,"offset":30},"end":{"line":2,"column":270,"offset":270},"indent":[]}}],"position":{"start":{"line":2,"column":1,"offset":1},"end":{"line":2,"column":270,"offset":270},"indent":[]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#使用方法","title":null,"children":[],"data":{"hProperties":{"aria-label":"使用方法 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":"使用方法","position":{"start":{"line":5,"column":4,"offset":276},"end":{"line":5,"column":8,"offset":280},"indent":[]}}],"position":{"start":{"line":5,"column":1,"offset":273},"end":{"line":5,"column":8,"offset":280},"indent":[]},"data":{"id":"使用方法","htmlAttributes":{"id":"使用方法"},"hProperties":{"id":"使用方法"}}},{"type":"paragraph","children":[{"type":"text","value":"如 ","position":{"start":{"line":6,"column":1,"offset":281},"end":{"line":6,"column":3,"offset":283},"indent":[]}},{"type":"link","title":null,"url":"../defaultEdge","children":[{"type":"text","value":"内置边","position":{"start":{"line":6,"column":4,"offset":284},"end":{"line":6,"column":7,"offset":287},"indent":[]}}],"position":{"start":{"line":6,"column":3,"offset":283},"end":{"line":6,"column":24,"offset":304},"indent":[]}},{"type":"text","value":" 一节所示，配置边的方式有两种：实例化图时全局配置，在数据中动态配置。","position":{"start":{"line":6,"column":24,"offset":304},"end":{"line":6,"column":59,"offset":339},"indent":[]}}],"position":{"start":{"line":6,"column":1,"offset":281},"end":{"line":6,"column":59,"offset":339},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#1-实例化图时全局配置","title":null,"children":[],"data":{"hProperties":{"aria-label":"1 实例化图时全局配置 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":"1 实例化图时全局配置","position":{"start":{"line":9,"column":5,"offset":346},"end":{"line":9,"column":16,"offset":357},"indent":[]}}],"position":{"start":{"line":9,"column":1,"offset":342},"end":{"line":9,"column":16,"offset":357},"indent":[]},"data":{"id":"1-实例化图时全局配置","htmlAttributes":{"id":"1-实例化图时全局配置"},"hProperties":{"id":"1-实例化图时全局配置"}}},{"type":"paragraph","children":[{"type":"text","value":"用户在实例化 Graph 时候可以通过 ","position":{"start":{"line":10,"column":1,"offset":358},"end":{"line":10,"column":21,"offset":378},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">defaultEdge</code>","position":{"start":{"line":10,"column":21,"offset":378},"end":{"line":10,"column":34,"offset":391},"indent":[]}},{"type":"text","value":" 指定 ","position":{"start":{"line":10,"column":34,"offset":391},"end":{"line":10,"column":38,"offset":395},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">shape</code>","position":{"start":{"line":10,"column":38,"offset":395},"end":{"line":10,"column":45,"offset":402},"indent":[]}},{"type":"text","value":" 为 ","position":{"start":{"line":10,"column":45,"offset":402},"end":{"line":10,"column":48,"offset":405},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">'arc'</code>","position":{"start":{"line":10,"column":48,"offset":405},"end":{"line":10,"column":55,"offset":412},"indent":[]}},{"type":"text","value":"，即可使用 arc 边。","position":{"start":{"line":10,"column":55,"offset":412},"end":{"line":10,"column":67,"offset":424},"indent":[]}}],"position":{"start":{"line":10,"column":1,"offset":358},"end":{"line":10,"column":67,"offset":424},"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\">800</span><span class=\"token punctuation\">,</span>\n height<span class=\"token punctuation\">:</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span>\n defaultEdge<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'arc'</span><span class=\"token punctuation\">,</span>\n <span class=\"token comment\">// 其他配置</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":11,"column":1,"offset":425},"end":{"line":21,"column":4,"offset":580},"indent":[1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#2-在数据中动态配置","title":null,"children":[],"data":{"hProperties":{"aria-label":"2 在数据中动态配置 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":"2 在数据中动态配置","position":{"start":{"line":24,"column":5,"offset":587},"end":{"line":24,"column":15,"offset":597},"indent":[]}}],"position":{"start":{"line":24,"column":1,"offset":583},"end":{"line":24,"column":15,"offset":597},"indent":[]},"data":{"id":"2-在数据中动态配置","htmlAttributes":{"id":"2-在数据中动态配置"},"hProperties":{"id":"2-在数据中动态配置"}}},{"type":"paragraph","children":[{"type":"text","value":"如果需要使不同节点有不同的配置，可以将配置写入到节点数据中。这种配置方式可以通过下面代码的形式直接写入数据，也可以通过遍历数据的方式写入。","position":{"start":{"line":25,"column":1,"offset":598},"end":{"line":25,"column":70,"offset":667},"indent":[]}}],"position":{"start":{"line":25,"column":1,"offset":598},"end":{"line":25,"column":70,"offset":667},"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> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n nodes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n <span class=\"token operator\">...</span> <span class=\"token comment\">// 节点</span>\n <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n edges<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n source<span class=\"token punctuation\">:</span> <span class=\"token string\">'node0'</span><span class=\"token punctuation\">,</span>\n target<span class=\"token punctuation\">:</span> <span class=\"token string\">'node1'</span>\n shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'arc'</span><span class=\"token punctuation\">,</span>\n <span class=\"token operator\">...</span> <span class=\"token comment\">// 其他配置</span>\n style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n <span class=\"token operator\">...</span> <span class=\"token comment\">// 样式属性，每种边的详细样式属性参见各边文档</span>\n <span class=\"token punctuation\">}</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token operator\">...</span> <span class=\"token comment\">// 其他边</span>\n <span class=\"token punctuation\">]</span>\n<span class=\"token punctuation\">}</span></code></pre></div>","position":{"start":{"line":26,"column":1,"offset":668},"end":{"line":43,"column":4,"offset":898},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":2,"children":[{"type":"link","url":"#配置项说明","title":null,"children":[],"data":{"hProperties":{"aria-label":"配置项说明 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":"配置项说明","position":{"start":{"line":46,"column":4,"offset":904},"end":{"line":46,"column":9,"offset":909},"indent":[]}}],"position":{"start":{"line":46,"column":1,"offset":901},"end":{"line":46,"column":9,"offset":909},"indent":[]},"data":{"id":"配置项说明","htmlAttributes":{"id":"配置项说明"},"hProperties":{"id":"配置项说明"}}},{"type":"paragraph","children":[{"type":"text","value":"arc 边支持以下的配置项，其中 ","position":{"start":{"line":47,"column":1,"offset":910},"end":{"line":47,"column":18,"offset":927},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">curveOffset</code>","position":{"start":{"line":47,"column":18,"offset":927},"end":{"line":47,"column":31,"offset":940},"indent":[]}},{"type":"text","value":" 属性是 ","position":{"start":{"line":47,"column":31,"offset":940},"end":{"line":47,"column":36,"offset":945},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">arc</code>","position":{"start":{"line":47,"column":36,"offset":945},"end":{"line":47,"column":41,"offset":950},"indent":[]}},{"type":"text","value":" 特有的属性，它控制了圆弧的大小以及弯曲的方向。","position":{"start":{"line":47,"column":41,"offset":950},"end":{"line":47,"column":65,"offset":974},"indent":[]}}],"position":{"start":{"line":47,"column":1,"offset":910},"end":{"line":47,"column":65,"offset":974},"indent":[]}},{"type":"html","lang":"javascript","meta":null,"value":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">color<span class=\"token punctuation\">:</span> <span class=\"token string\">'#87e8de'</span><span class=\"token punctuation\">,</span>\ncurveOffset<span class=\"token punctuation\">:</span> <span class=\"token number\">20</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 圆弧顶端距离两线中心位置的距离</span>\nstyle<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">2</span><span class=\"token punctuation\">,</span>\n stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#87e8de'</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\nlabel<span class=\"token punctuation\">:</span> <span class=\"token string\">'边的标签文字'</span><span class=\"token punctuation\">,</span>\nlabelCfg<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n refX<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 文本在 x 方向偏移量</span>\n refY<span class=\"token punctuation\">:</span> <span class=\"token number\">10</span><span class=\"token punctuation\">,</span> <span class=\"token comment\">// 文本在 y 方向偏移量</span>\n style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n fill<span class=\"token punctuation\">:</span> <span class=\"token string\">'#595959'</span>\n <span class=\"token punctuation\">}</span>\n<span class=\"token punctuation\">}</span></code></pre></div>","position":{"start":{"line":48,"column":1,"offset":975},"end":{"line":63,"column":4,"offset":1217},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"table","align":[null,null,null,null],"children":[{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"名称","position":{"start":{"line":65,"column":3,"offset":1221},"end":{"line":65,"column":5,"offset":1223},"indent":[]}}],"position":{"start":{"line":65,"column":3,"offset":1221},"end":{"line":65,"column":5,"offset":1223},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"含义","position":{"start":{"line":65,"column":8,"offset":1226},"end":{"line":65,"column":10,"offset":1228},"indent":[]}}],"position":{"start":{"line":65,"column":8,"offset":1226},"end":{"line":65,"column":10,"offset":1228},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"类型","position":{"start":{"line":65,"column":13,"offset":1231},"end":{"line":65,"column":15,"offset":1233},"indent":[]}}],"position":{"start":{"line":65,"column":13,"offset":1231},"end":{"line":65,"column":15,"offset":1233},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"备注","position":{"start":{"line":65,"column":18,"offset":1236},"end":{"line":65,"column":20,"offset":1238},"indent":[]}}],"position":{"start":{"line":65,"column":18,"offset":1236},"end":{"line":65,"column":20,"offset":1238},"indent":[]}}],"position":{"start":{"line":65,"column":1,"offset":1219},"end":{"line":65,"column":22,"offset":1240},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"color","position":{"start":{"line":67,"column":3,"offset":1269},"end":{"line":67,"column":8,"offset":1274},"indent":[]}}],"position":{"start":{"line":67,"column":3,"offset":1269},"end":{"line":67,"column":8,"offset":1274},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"边的颜色","position":{"start":{"line":67,"column":11,"offset":1277},"end":{"line":67,"column":15,"offset":1281},"indent":[]}}],"position":{"start":{"line":67,"column":11,"offset":1277},"end":{"line":67,"column":15,"offset":1281},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"String","position":{"start":{"line":67,"column":18,"offset":1284},"end":{"line":67,"column":24,"offset":1290},"indent":[]}}],"position":{"start":{"line":67,"column":18,"offset":1284},"end":{"line":67,"column":24,"offset":1290},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"优先级低于 style 中的 stroke","position":{"start":{"line":67,"column":27,"offset":1293},"end":{"line":67,"column":48,"offset":1314},"indent":[]}}],"position":{"start":{"line":67,"column":27,"offset":1293},"end":{"line":67,"column":48,"offset":1314},"indent":[]}}],"position":{"start":{"line":67,"column":1,"offset":1267},"end":{"line":67,"column":50,"offset":1316},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"strong","children":[{"type":"text","value":"curveOffset","position":{"start":{"line":68,"column":5,"offset":1321},"end":{"line":68,"column":16,"offset":1332},"indent":[]}}],"position":{"start":{"line":68,"column":3,"offset":1319},"end":{"line":68,"column":18,"offset":1334},"indent":[]}}],"position":{"start":{"line":68,"column":3,"offset":1319},"end":{"line":68,"column":18,"offset":1334},"indent":[]}},{"type":"tableCell","children":[{"type":"strong","children":[{"type":"text","value":"圆弧顶端距离两线中心位置的距离","position":{"start":{"line":68,"column":23,"offset":1339},"end":{"line":68,"column":38,"offset":1354},"indent":[]}}],"position":{"start":{"line":68,"column":21,"offset":1337},"end":{"line":68,"column":40,"offset":1356},"indent":[]}}],"position":{"start":{"line":68,"column":21,"offset":1337},"end":{"line":68,"column":40,"offset":1356},"indent":[]}},{"type":"tableCell","children":[{"type":"strong","children":[{"type":"text","value":"Number","position":{"start":{"line":68,"column":45,"offset":1361},"end":{"line":68,"column":51,"offset":1367},"indent":[]}}],"position":{"start":{"line":68,"column":43,"offset":1359},"end":{"line":68,"column":53,"offset":1369},"indent":[]}}],"position":{"start":{"line":68,"column":43,"offset":1359},"end":{"line":68,"column":53,"offset":1369},"indent":[]}},{"type":"tableCell","children":[{"type":"strong","children":[{"type":"text","value":"数值绝对值大小控制圆弧的大小，正负控制圆弧弯曲的方向，默认为 20。arc 边特有","position":{"start":{"line":68,"column":58,"offset":1374},"end":{"line":68,"column":99,"offset":1415},"indent":[]}}],"position":{"start":{"line":68,"column":56,"offset":1372},"end":{"line":68,"column":101,"offset":1417},"indent":[]}}],"position":{"start":{"line":68,"column":56,"offset":1372},"end":{"line":68,"column":101,"offset":1417},"indent":[]}}],"position":{"start":{"line":68,"column":1,"offset":1317},"end":{"line":68,"column":103,"offset":1419},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"style","position":{"start":{"line":69,"column":3,"offset":1422},"end":{"line":69,"column":8,"offset":1427},"indent":[]}}],"position":{"start":{"line":69,"column":3,"offset":1422},"end":{"line":69,"column":8,"offset":1427},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"边的样式","position":{"start":{"line":69,"column":11,"offset":1430},"end":{"line":69,"column":15,"offset":1434},"indent":[]}}],"position":{"start":{"line":69,"column":11,"offset":1430},"end":{"line":69,"column":15,"offset":1434},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"Object","position":{"start":{"line":69,"column":18,"offset":1437},"end":{"line":69,"column":24,"offset":1443},"indent":[]}}],"position":{"start":{"line":69,"column":18,"offset":1437},"end":{"line":69,"column":24,"offset":1443},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"Canvas支持的属性","position":{"start":{"line":69,"column":27,"offset":1446},"end":{"line":69,"column":38,"offset":1457},"indent":[]}}],"position":{"start":{"line":69,"column":27,"offset":1446},"end":{"line":69,"column":38,"offset":1457},"indent":[]}}],"position":{"start":{"line":69,"column":1,"offset":1420},"end":{"line":69,"column":40,"offset":1459},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"label","position":{"start":{"line":70,"column":3,"offset":1462},"end":{"line":70,"column":8,"offset":1467},"indent":[]}}],"position":{"start":{"line":70,"column":3,"offset":1462},"end":{"line":70,"column":8,"offset":1467},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"标签文本文字","position":{"start":{"line":70,"column":11,"offset":1470},"end":{"line":70,"column":17,"offset":1476},"indent":[]}}],"position":{"start":{"line":70,"column":11,"offset":1470},"end":{"line":70,"column":17,"offset":1476},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"String","position":{"start":{"line":70,"column":20,"offset":1479},"end":{"line":70,"column":26,"offset":1485},"indent":[]}}],"position":{"start":{"line":70,"column":20,"offset":1479},"end":{"line":70,"column":26,"offset":1485},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":70,"column":30,"offset":1489},"end":{"line":70,"column":30,"offset":1489},"indent":[]}}],"position":{"start":{"line":70,"column":1,"offset":1460},"end":{"line":70,"column":31,"offset":1490},"indent":[]}},{"type":"tableRow","children":[{"type":"tableCell","children":[{"type":"text","value":"labelCfg","position":{"start":{"line":71,"column":3,"offset":1493},"end":{"line":71,"column":11,"offset":1501},"indent":[]}}],"position":{"start":{"line":71,"column":3,"offset":1493},"end":{"line":71,"column":11,"offset":1501},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"文件配置项","position":{"start":{"line":71,"column":14,"offset":1504},"end":{"line":71,"column":19,"offset":1509},"indent":[]}}],"position":{"start":{"line":71,"column":14,"offset":1504},"end":{"line":71,"column":19,"offset":1509},"indent":[]}},{"type":"tableCell","children":[{"type":"text","value":"Object","position":{"start":{"line":71,"column":22,"offset":1512},"end":{"line":71,"column":28,"offset":1518},"indent":[]}}],"position":{"start":{"line":71,"column":22,"offset":1512},"end":{"line":71,"column":28,"offset":1518},"indent":[]}},{"type":"tableCell","children":[],"position":{"start":{"line":71,"column":32,"offset":1522},"end":{"line":71,"column":32,"offset":1522},"indent":[]}}],"position":{"start":{"line":71,"column":1,"offset":1491},"end":{"line":71,"column":33,"offset":1523},"indent":[]}}],"position":{"start":{"line":65,"column":1,"offset":1219},"end":{"line":71,"column":33,"offset":1523},"indent":[1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#特殊属性：弧度-curveoffset","title":null,"children":[],"data":{"hProperties":{"aria-label":"特殊属性：弧度 curveoffset 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":"特殊属性：弧度 curveOffset","position":{"start":{"line":75,"column":5,"offset":1531},"end":{"line":75,"column":24,"offset":1550},"indent":[]}}],"position":{"start":{"line":75,"column":1,"offset":1527},"end":{"line":75,"column":24,"offset":1550},"indent":[]},"data":{"id":"特殊属性：弧度-curveoffset","htmlAttributes":{"id":"特殊属性：弧度-curveoffset"},"hProperties":{"id":"特殊属性：弧度-curveoffset"}}},{"type":"paragraph","children":[{"type":"html","value":"<code class=\"language-text\">curveOffset</code>","position":{"start":{"line":76,"column":1,"offset":1551},"end":{"line":76,"column":14,"offset":1564},"indent":[]}},{"type":"text","value":" 属性是 ","position":{"start":{"line":76,"column":14,"offset":1564},"end":{"line":76,"column":19,"offset":1569},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">arc</code>","position":{"start":{"line":76,"column":19,"offset":1569},"end":{"line":76,"column":24,"offset":1574},"indent":[]}},{"type":"text","value":" 特有的属性，它控制了圆弧的大小以及弯曲的方向。下面代码演示在实例化图时全局配置方法中配置 ","position":{"start":{"line":76,"column":24,"offset":1574},"end":{"line":76,"column":70,"offset":1620},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">curveOffset</code>","position":{"start":{"line":76,"column":70,"offset":1620},"end":{"line":76,"column":83,"offset":1633},"indent":[]}},{"type":"text","value":"。","position":{"start":{"line":76,"column":83,"offset":1633},"end":{"line":76,"column":84,"offset":1634},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":76,"column":84,"offset":1634},"end":{"line":76,"column":90,"offset":1640},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570875327516-469c8e29-8534-4e13-bb39-fcd57a0e43f5.png#align=left&display=inline&height=116&name=image.png&originHeight=232&originWidth=252&search=&size=15622&status=done&width=126","alt":"image.png","position":{"start":{"line":76,"column":90,"offset":1640},"end":{"line":76,"column":330,"offset":1880},"indent":[]}}],"position":{"start":{"line":76,"column":1,"offset":1551},"end":{"line":76,"column":330,"offset":1880},"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> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n nodes<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n <span class=\"token punctuation\">{</span>\n id<span class=\"token punctuation\">:</span> <span class=\"token string\">'node0'</span><span class=\"token punctuation\">,</span>\n x<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n y<span class=\"token punctuation\">:</span> <span class=\"token number\">100</span><span class=\"token punctuation\">,</span>\n size<span class=\"token punctuation\">:</span> <span class=\"token number\">20</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">{</span>\n id<span class=\"token punctuation\">:</span> <span class=\"token string\">'node1'</span><span class=\"token punctuation\">,</span>\n x<span class=\"token punctuation\">:</span> <span class=\"token number\">200</span><span class=\"token punctuation\">,</span>\n y<span class=\"token punctuation\">:</span> <span class=\"token number\">200</span><span class=\"token punctuation\">,</span>\n size<span class=\"token punctuation\">:</span> <span class=\"token number\">20</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n edges<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span>\n <span class=\"token punctuation\">{</span>\n source<span class=\"token punctuation\">:</span> <span class=\"token string\">'node0'</span><span class=\"token punctuation\">,</span>\n target<span class=\"token punctuation\">:</span> <span class=\"token string\">'node1'</span><span class=\"token punctuation\">,</span>\n shape<span class=\"token punctuation\">:</span> <span class=\"token string\">'arc'</span><span class=\"token punctuation\">,</span>\n label<span class=\"token punctuation\">:</span> <span class=\"token string\">'arc'</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n container<span class=\"token punctuation\">:</span> <span class=\"token string\">'mountNode'</span><span class=\"token punctuation\">,</span>\n width<span class=\"token punctuation\">:</span> <span class=\"token number\">800</span><span class=\"token punctuation\">,</span>\n height<span class=\"token punctuation\">:</span> <span class=\"token number\">600</span><span class=\"token punctuation\">,</span>\n linkCenter<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n defaultEdge<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// shape: 'arc', // 在数据中已经指定 shape，这里无需再次指定</span>\n curveOffset<span class=\"token punctuation\">:</span> <span class=\"token operator\">-</span><span class=\"token number\">80</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">data</span><span class=\"token punctuation\">(</span>data<span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\ngraph<span class=\"token punctuation\">.</span><span class=\"token function\">render</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n</code></pre></div>","position":{"start":{"line":77,"column":1,"offset":1881},"end":{"line":109,"column":4,"offset":2366},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"paragraph","children":[{"type":"text","value":"注意：","position":{"start":{"line":111,"column":1,"offset":2368},"end":{"line":111,"column":4,"offset":2371},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":111,"column":4,"offset":2371},"end":{"line":111,"column":10,"offset":2377},"indent":[]}},{"type":"text","value":"上面代码使用了 graph 的配置项 ","position":{"start":{"line":111,"column":10,"offset":2377},"end":{"line":111,"column":29,"offset":2396},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">linkCenter: true</code>","position":{"start":{"line":111,"column":29,"offset":2396},"end":{"line":111,"column":47,"offset":2414},"indent":[]}},{"type":"text","value":" 以设置 arc 边连入节点的中心，保证美观性。","position":{"start":{"line":111,"column":47,"offset":2414},"end":{"line":111,"column":71,"offset":2438},"indent":[]}}],"position":{"start":{"line":111,"column":1,"offset":2368},"end":{"line":111,"column":71,"offset":2438},"indent":[]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#样式属性-style","title":null,"children":[],"data":{"hProperties":{"aria-label":"样式属性 style 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":"样式属性 style","position":{"start":{"line":114,"column":5,"offset":2445},"end":{"line":114,"column":15,"offset":2455},"indent":[]}}],"position":{"start":{"line":114,"column":1,"offset":2441},"end":{"line":114,"column":15,"offset":2455},"indent":[]},"data":{"id":"样式属性-style","htmlAttributes":{"id":"样式属性-style"},"hProperties":{"id":"样式属性-style"}}},{"type":"paragraph","children":[{"type":"text","value":"Object 类型。配置项与边的通用样式属性相同，见 ","position":{"start":{"line":115,"column":1,"offset":2456},"end":{"line":115,"column":28,"offset":2483},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/internal-edge","children":[{"type":"text","value":"内置边","position":{"start":{"line":115,"column":29,"offset":2484},"end":{"line":115,"column":32,"offset":2487},"indent":[]}}],"position":{"start":{"line":115,"column":28,"offset":2483},"end":{"line":115,"column":78,"offset":2533},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":"。基于上面 ","position":{"start":{"line":115,"column":78,"offset":2533},"end":{"line":115,"column":84,"offset":2539},"indent":[]}},{"type":"link","title":null,"url":"#C9lmR","children":[{"type":"text","value":"弧度 curveOffset","position":{"start":{"line":115,"column":85,"offset":2540},"end":{"line":115,"column":99,"offset":2554},"indent":[]}}],"position":{"start":{"line":115,"column":84,"offset":2539},"end":{"line":115,"column":108,"offset":2563},"indent":[]}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":115,"column":108,"offset":2563},"end":{"line":115,"column":120,"offset":2575},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":115,"column":120,"offset":2575},"end":{"line":115,"column":133,"offset":2588},"indent":[]}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":115,"column":133,"offset":2588},"end":{"line":115,"column":139,"offset":2594},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">style</code>","position":{"start":{"line":115,"column":139,"offset":2594},"end":{"line":115,"column":146,"offset":2601},"indent":[]}},{"type":"text","value":" 配置项进行边的样式的配置，使之达到如下图效果。","position":{"start":{"line":115,"column":146,"offset":2601},"end":{"line":115,"column":170,"offset":2625},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":115,"column":170,"offset":2625},"end":{"line":115,"column":176,"offset":2631},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570875549188-e8d10d15-a90b-4f98-a6a9-3162b9893728.png#align=left&display=inline&height=116&name=image.png&originHeight=232&originWidth=252&search=&size=21575&status=done&width=126","alt":"image.png","position":{"start":{"line":115,"column":176,"offset":2631},"end":{"line":115,"column":416,"offset":2871},"indent":[]}}],"position":{"start":{"line":115,"column":1,"offset":2456},"end":{"line":115,"column":416,"offset":2871},"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> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 图的其他配置</span>\n defaultEdge<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 其他配置</span>\n style<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n stroke<span class=\"token punctuation\">:</span> <span class=\"token string\">'#088'</span><span class=\"token punctuation\">,</span>\n lineWidth<span class=\"token punctuation\">:</span> <span class=\"token number\">3</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ...</span>\n</code></pre></div>","position":{"start":{"line":116,"column":1,"offset":2872},"end":{"line":131,"column":4,"offset":3077},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}},{"type":"heading","depth":3,"children":[{"type":"link","url":"#标签文本配置-labelcfg","title":null,"children":[],"data":{"hProperties":{"aria-label":"标签文本配置 labelcfg 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":"标签文本配置 labelCfg","position":{"start":{"line":134,"column":5,"offset":3084},"end":{"line":134,"column":20,"offset":3099},"indent":[]}}],"position":{"start":{"line":134,"column":1,"offset":3080},"end":{"line":134,"column":20,"offset":3099},"indent":[]},"data":{"id":"标签文本配置-labelcfg","htmlAttributes":{"id":"标签文本配置-labelcfg"},"hProperties":{"id":"标签文本配置-labelcfg"}}},{"type":"paragraph","children":[{"type":"text","value":"Object 类型。其配置与边的通用文本配置相同，见 ","position":{"start":{"line":135,"column":1,"offset":3100},"end":{"line":135,"column":28,"offset":3127},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/internal-edge","children":[{"type":"text","value":"内置边","position":{"start":{"line":135,"column":29,"offset":3128},"end":{"line":135,"column":32,"offset":3131},"indent":[]}}],"position":{"start":{"line":135,"column":28,"offset":3127},"end":{"line":135,"column":78,"offset":3177},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":"。基于上面 ","position":{"start":{"line":135,"column":78,"offset":3177},"end":{"line":135,"column":84,"offset":3183},"indent":[]}},{"type":"link","title":null,"url":"https://www.yuque.com/antv/g6/ozfxuv#C9lmR","children":[{"type":"text","value":"弧度 curveOffset","position":{"start":{"line":135,"column":85,"offset":3184},"end":{"line":135,"column":99,"offset":3198},"indent":[]}}],"position":{"start":{"line":135,"column":84,"offset":3183},"end":{"line":135,"column":144,"offset":3243},"indent":[]},"data":{"hProperties":{"target":"_self","rel":"nofollow"}}},{"type":"text","value":" 中的代码，下面代码在 ","position":{"start":{"line":135,"column":144,"offset":3243},"end":{"line":135,"column":156,"offset":3255},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">defaultNode</code>","position":{"start":{"line":135,"column":156,"offset":3255},"end":{"line":135,"column":169,"offset":3268},"indent":[]}},{"type":"text","value":" 中增加了 ","position":{"start":{"line":135,"column":169,"offset":3268},"end":{"line":135,"column":175,"offset":3274},"indent":[]}},{"type":"html","value":"<code class=\"language-text\">labelCfg</code>","position":{"start":{"line":135,"column":175,"offset":3274},"end":{"line":135,"column":185,"offset":3284},"indent":[]}},{"type":"text","value":" 配置项进行文本的配置，使之达到如下图效果。","position":{"start":{"line":135,"column":185,"offset":3284},"end":{"line":135,"column":207,"offset":3306},"indent":[]}},{"type":"html","value":"<br />","position":{"start":{"line":135,"column":207,"offset":3306},"end":{"line":135,"column":213,"offset":3312},"indent":[]}},{"type":"image","title":null,"url":"https://cdn.nlark.com/yuque/0/2019/png/156681/1570875786431-339c28e0-f89a-45f7-9a84-bbb263ea399b.png#align=left&display=inline&height=118&name=image.png&originHeight=236&originWidth=262&search=&size=22850&status=done&width=131","alt":"image.png","position":{"start":{"line":135,"column":213,"offset":3312},"end":{"line":135,"column":453,"offset":3552},"indent":[]}}],"position":{"start":{"line":135,"column":1,"offset":3100},"end":{"line":135,"column":453,"offset":3552},"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> data <span class=\"token operator\">=</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... data 内容</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">;</span>\n<span class=\"token keyword\">const</span> graph <span class=\"token operator\">=</span> <span class=\"token keyword\">new</span> <span class=\"token class-name\">G6<span class=\"token punctuation\">.</span>Graph</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 图的其他配置</span>\n defaultEdge<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n <span class=\"token comment\">// ... 其他配置</span>\n labelCfg<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n autoRotate<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n refY<span class=\"token punctuation\">:</span> <span class=\"token operator\">-</span><span class=\"token number\">30</span><span class=\"token punctuation\">,</span>\n refX<span class=\"token punctuation\">:</span> <span class=\"token number\">30</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">;</span>\n<span class=\"token comment\">// ...</span>\n</code></pre></div>","position":{"start":{"line":136,"column":1,"offset":3553},"end":{"line":152,"column":4,"offset":3776},"indent":[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]}}],"position":{"start":{"line":1,"column":1,"offset":0},"end":{"line":153,"column":1,"offset":3777}}}}