我想创建一个蜂窝图,发现关系图里各个元素定位都是相对的没办法做到精确固定定位,也没有找到类似的例子去参照,有点无从下手了
配置项如下
var base64Img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAC+CAYAAABeZmHQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAGYktHRAD/AP8A/6C9p5MAABfFSURBVHhe7d0JUBTntgDgnu6ZYQBRRKUwXFFAhCAqURSXoGIZTaJXk4oxZfRmuRWfJi7PpYheU9Goz1wTNyJxy3rju9H7ktznMynXmKBSKiooCiLIMqNeIuUuxJHZet459G/dGGUZmKW753xVlP2fyaL2OfP//3TPaQ2nXgnwc16v19+VhkQJrFZrMPzyOPyU1AdURrUFZzAYsnv06JG2Zs0agYWIAsyfP99x4cKFnLq6unQWUhW1FtwYnU63s7S0VIiOjmYhogRGo5GLj4932Gy28TDcJUXVQ43v/gEwu+3NyMgIfeGFF9S8ZFal9u3bcxaLRXPy5Mk0u92+CUIO6RUiV/PDw8MttbW1TqJMeO7wHOK5lE6pevDsV7WIgKXkcti36du0acNCRGnw3OE5xHMJwwgpqg6qWnLp9fovk5KSJuXl5QVoNLSaVDKY6LiUlBRLUVHRdqvV+joLK56asjIFiuw44Pv3789CRMlgH8elpqaKUHypMMyTosqmliWlJjAwcMPkyZNFKjb1wHOJ5xTPLQxVMTmoZYabZDAYthqNRm1EhKqW/H6vurqai46OttfV1b0Cw+1SVLnUcFkgCIptz5IlS0Kefvpp2ripDH6AotVqNUeOHMHLBBshZJNeUSbFJyjP88siIyPfLisrCwAsStTEYrFwcXFxlqqqqg9FUVzMwoqk9D1cFBTcgvXr11OxqRieWzzHeK5hGCVFidfBifjfYcOGWeqvlhLVw3ON55ydfkVS8pIyTRCEgwUFBXxSUhILETUrKirikpOTRYfDMRyGOVJUWZS6pOQNBsPmadOmOanY/AeeazzneO5hqMjcVeoM90ZISMgGo9Go79ChAwsRf3Djxg28TGCtra2dAcPPpKhyKPGyQDu9Xr/nww8/DB4+HFcWxJ8EBQVx8GYr/PTTT8NgaYnfJsCbnBVDcTOcVqtdGxMT89a5c+cC4JhFiT+x2+1cz549LZWVlRvheB4LK4LS1sHxoijO3rBhAxWbH8NzjzmAuQDDeCmqDIoqONgsZ40ZM0YcOXIkixB/hTmAuYA5wUKKoKQl5TPwzvZDSUmJEBsby0LEn1VUVHAJCQkOWFb+EYZ7pKi8KeVDEx3eLzl37tz2EydOVPztaMQ9wsLCOLPZrMnPzx/C7rMUpVfkSynJOxf+cleaTCZ9SEgICxHCcbW1tVy3bt2sN2/eXAjDdVJUvpSwh+uEX7Vfu3YtFRt5COYE5gZrx9BJisqX7Gc4+Iv8LDExccrp06epbQJ5JKfTyT3xxBOW4uLiv9tstjdYWJbknsHJPM/nHzlyhB84cCALEfKw3NxcbsiQISLoB8MCKSo/sl5SBgYGbnrppZdEKjbSFMwRzBXMGRaSJTnPcC8aDIZt5eXl2sjISBYipGFVVVVc9+7dsR3DyzD8VorKi1wvC0CtGfa/8847IWPHjqWNG2mWtm3b4i+aY8eODbPb7R/DsR0DciLLZIZ92+LOnTsvgtkN25azKCFNg9kNZznLlStX3of93DIWlg057uH+AAX3TmZmJhUbcRnmDOYO5hAM/yBF5UN2M5xer/+fAQMGPJeTk6NnIUJclpaWZj1x4sT/Wa3Wl1hIFuRWcIPhnSnn1KlTfJ8+fViIENedOXOG69u3L14mSIPhUSnqe3JaUvKBgYGbp06d6qRiI62FOYS5hDkFQ9nkuZxmuNeDg4O3GI1GXadOsr9DhyjAtWvXsB2D7e7du9Ng+KUU9S25XBZoC3u33R988EGbESNGsBAhrQNv4Ni5Wfj555/THA4HznQ+b8cgixlOq9WuioqKmlVaWkrf5CZuhe0Y4uPjLZcuXcqC4wwW9hk5rG3jnE7nnE2bNlGxEbfDnMLcwhyDYZwU9R2fF5zBYPjoqaeeEkeNGsUihLgX5hbmGOYaC/mMr5eUo+AdaHdxcbEQF+fzNx+iYmVlZVxiYiK2Y3gWhvulqPf58kMTLbzj7J45c2bYpEmTZHcBnqgLNgy+c+cOd/r06cFQdPiNAp+0Y/Blos8OCwtbhd2T2U2nhHhUTU1Nfdfmmzdv4ocn66Wod/lqhuug0+l+yMzMDBw0aBALEeJZ+NgrmOmEvXv3pomi+AmE7kmveI9PZjgoti2PP/74q9g2gefleP80USsotPp2DOfPn//KZrPhBXGv8kXBJUGRnTl48CCfloa3uRHiXTk5Odzw4cPxPku8h7BIinqH16cXg8GwecKECQ4qNuIrmHuYg5iLLOQ13p7hntfr9d+UlZVpo6LoybHEdy5duoTPDbdbrdaJMNwhRT3Pmx+awBuKYd+iRYvajhs3ji4DEJ9q164dttfT5ObmDrVLXZu90o7Ba4kP+7ZF4eHhiysqKgLwGV+E+JrZbOZiY2MtV69eXQb7ufdZ2KO8tYeLhIJ7d/369VRsRDYwFzEnMTdh6JXWcF6Z4WDf9ve+ffu+ePToUT11TyZygl2bBw8ebD116tS3sJ+bwsIe443sHwjvIEfz8/M1ycnJLESIfBQUFHD9+vVzwrJyMAxzpahneHpJqQkMDNz42muviVRsRK4wNzFHMVdh6NFJyNMz3KuwTv7UZDJR2wQia9iOoVu3bjaz2TwVhl9JUffz5GWBNgaDYc/y5cvb0COCidxhOwbIV+Hw4cNp7DKBVXrFvTw2w8G+bWXXrl3nYNsEnU7HooTIl81mq2/HcPHixUzYz+EDHt3OU3u4aI1GMy8rK4uKjSgG5irmLOYuDKOlqHt5pOACAgKyRowY4RwzZgyLEKIMmLOYu5jDLORWnlhSpguCcKCoqIhPSEhgIUKUo6SkhEtKShIdDgd++JAtRd3D3R+aYNuEvTNmzAibMmWKN67xEeJ2HTt25G7duuUsKCgY4u52DO4uijfbtWuXaTKZ9KGhoSxEiPLcvn0bLxNY79y5g+313PZUVXfOcGF6vX7XunXrgoYMGcJChCgTrNS4sLAwYf/+/UNhabkFQm5px+C2GQ72bVnx8fFTz549GwDHLEqIckGhcb1797aUlpZ+CsezWLhV3FVwPXmeP5udnc0PHTqUhQhRvsOHD3Pp6enYjqE3DM9J0ZZzy2UBmH4/fu655xxUbERtMKcxtzHHWahV3DHDjdfpdP8sLy8XqG0CUSNsx9C9e3eHzWZ7AYY7pWjLtHazhc/h3v3222+HPv/883QZgKgStmOwWq2aEydO3L9M4JBecV2rigT2bQs7duz4ntFopG9yE1XDdgzR0dGW69evvwf7uZUs7LLW7OEiBEFYvG7dOio2onqY45jrmPMwjJCirmvxDKfX6/+7d+/eL8I0izd7sigh6oXtGAYMGGA5e/YstmP4Ewu7pKWVkgLLyeOAT0lJYSFC1C8vL49LTU3FywSpOJSizdeSJSW2TdgyZcoUkYqN+BvMecx9rAEYujxhtWSGexn+Z3+rrKzURUS0eClLiGJVV1dzMTExtnv37r0Gw21StHlcvSwQFBAQsHfp0qVtRo8eTRs34pfatGmDX1blc3Jy8D7LDRCySa80zaWigX3b8i5dumRg2wR81hYh/spisdS3Y7h8+fIq2M9hI9lmcWUP11Wj0SzATrVUbMTfYQ1gLWBNwLCrFG1aswsO/geZw4YNc44bN45FCPFvWAtYE1gbLNSk5i4ph8Fy8ufCwkI+MTGRhQghxcXFXK9evfAywQgYHpKiDWvOhyaCwWDYNX369I6vvPIKfVBCyG9gg+MbN244z549O9But+MDHp3SK4/WnAL6j5CQkKyLFy/q27dvz0KEkPtu3brFde3a1VpbW4tfUsWH9TeoqRkuFNsmrFmzJpgeEUzIowUGBnKhoaHCjz/+iJcJcJark155WKMznFar/SgmJmYarFOpbQIhjcB2DImJiZbKysotsLT8TxZ+SGOfUibARnDG5s2bqdgIaQLWCNYK1gwMG2zI2mDBGQyGDWPHjhXT09NZhBDSGKwVrBmsHRZ6SENLyjE6nW5naWmpEB3tkRbrhKiS0WjEO1CwHcN4GO6Sov/2qLWiDip077x580InTJhAlwEIcQF+km82mzV5eXlPwl4OZ7oHujY/qqDmd+rUaQVs/gLwJk1CiGt+/fVX/DaB5dq1a+/AcI0Ulfx+husES8nvs7KyDAMGDGAhQogr9Ho9Fx4ert21a1eaKIp4Xc4svfK7GQ6K7YtevXq9DNMhtU0gpBWwHUNKSoqlsLBwG+zn/szCDxTcE1BkeceOHeNTU/Hb44SQ1jh+/Dg3aNAgEYoPWyOcxtj9ywIag8GwafLkySIVGyHugbWENYW1BcP6ye3+DDcRgl9XVFRoH3vsMRYihLTWL7/8wsXGxtrr6uomw/Ab/NAkCC8DLFmyJOSZZ56hjRshbhQSEoK3SGqOHDky1G63b9TwPL9UEIR3a2pqcFnJ/jFCiLvA7Ma1bdvW6XA4lrvSYoEQ0kq8KIofwAx3NTMzs9EvzhFCWgZrC2sMa40+NCHEg37/ocn9JeW38JO/YMECuzQkhLgDq6l8+MEaowvfhHhKYxe+0WmtVvvVW2+9ZcHbUgghLYc1hLWENQXD+mJDD3xKabPZFhQWFopbt25lEUJIS2ANYS1hTbFQvUdd6Kav5xDSCo19PedR1+HW19bWVq9YsYLWlYS0ANYO1hAcrpci/9bQrVzUYoGQFmiqxUJDd5rsEgTh0Jw5c5r9GB5CCMdhzWDtwOFDxYYau1k5gef5ogMHDgjUuYuQpmVnZ3MjR450iKKYBMMSKfqgxgqOGsES0kzuaATLwb+4xGQy1X3ySaPt0gnxe1gjWCtYMyz0SI3OcAw9zIOQRrjyMI9GZzjmc5vNVrFkyZIH+usRQiRYG1gjcPi5FGlYc2Y4RA9kJOQRXH0gY3NmOHQI+1XOmjXLysaEEIA1gbUBh00WG2puweFT++ccOnRI8/33+N8mhGAtYE1gbbBQk5q7pKwHy8rlXbp0ySgtLQ3Ap/gT4q+gyPCOEsvly5dXwXLyXRZuUrNnOAT/4b9WV1fXfPTRR3SfJfFrWANYC1gTLNQsLs1wzMuBgYF/q6ys1EVERLAQIf4DCg2/DWC7d+/eazDcJkWbx6UZjtkOP4XUjoH4K5b7hfCDteCSlsxwKAX2c8cBn5KC3x4nxD/k5eVhC3O8DIB9SPKkaPO1ZIZDeVqtdtubb75J7RiI38Bcx5zH3Iehy8WGWlpwnNVqzThz5oy4fbvLsyohioS5jjmPuc9CLmvpkrIeLCsXduzY8T2j0RgQFBTEooSoj9ls5qKjoy3Xr19/D5aTK1nYZa36zg1MsScdDsef4TfQdsSIEa0qXkLkbNmyZc7s7OxfbDYbNnR1SFHXuaNIxut0un+Wl5cLUVFRLESIely6dInr3r07tk14AYY7pWjLtHgP9xs7BUHImTt3LrVjIKqEuY05DoetKjbkrmVgT9jPnYUplx86dCgLEaJ8hw8f5tLT0/EyQG8YnpOiLeeOGQ6d02g0G/EjU/yqOSFqgLmMOY25DcNWFxtyV8Hhb24J7OOsn3/e5HfwCFEEzGXMacxtFmo1d3+y+Ga7du0yTSaTPjQ0lIUIUZ7bt29z3bp1s965cwe/eoMPxXcLt81wzKcWi+Xi0qVLqR0DUTTMYcxlOPxUiriHJ66dpQuCcKCoqIhPSEhgIUKUo6SkhEtKShJhKTkShtlS1D3cPcOhbK1Wu2f27NnUjoEoEuYu5jAcurXYkKfuDomGWa50586dujFjxrAQIfK3a9cubvz48TaY3eJhaJSi7uOpgsP7LFd27dp1DrZj0Ol0LEqIfNlstvq2CRcvXswURXEhC7uVJ5aU9eA3/F9Xrlz5df36h57YQ4gsYa5izmLuspDbeWyGY14NCgr61GQy6Tp16sRChMjPtWvX8DKAzWw2T4UhPibYIzw2wzFbnU5n0cKFC+n2EyJrmKOYq3Do0edte3qGQwNhP3c0Pz9fk5yczEKEyEdBQQHXr18/JywlB8MwV4p6hqdnOJTL2jFYqR0DkRvWNgEvA2DbBI8WG/JGwWE7hgV5eXnid999xyKEyAPmJOYm5igLeZQ3lpT1YFm5KDw8fHFFRQW1YyCygG0TYmNjLVevXl0Gy8n3WdijvDLDIfgDrb19+/aN1atX07qSyALmIuYk5iYLeZzXZjjmeb1e/01ZWZmW2jEQX8K2CXFxcXZYSk6E4Q4p6nlem+GYHbC0PJ6RkUHtGIhPYQ5iLsKh14oNeXuGQ0nwBz1z8OBBPi0tjYUI8Z6cnBxu+PDhsJIU+8AQr715jbdnOFQkCMJnM2fOtMAfmIUI8Q7MOcw9zEEYerXYkC8KDm8SXXT+/HnbF198wSKEeAfmHOYe5iALeZUvlpT3zQ4LC1tlNBr1bdu2ZSFCPKempga7J1tv3ryJrcp9cld9qzovt1K+0+n8k9lsDh09erQvC5/4iUWLFolHjx412e12fK6bT/Yzvk70UVqtdndxcbEQFxfHQoS4X1lZGZeYmOiAYnsWhvulqPf5ZA/3G/uh4PZTOwbiaaxtAhaaz4oNyWEpFycIQvHu3bu1o0aNYiFC3Gf//v3cs88+a3c4HIkwLJOiviGLvRO886yKioqahe0Y4JhFCWk9WELWt024dOlSFhy3+Llu7uLrJWU9+ItY/q9//evuxo3YUZoQ98GcwtzCHGMhn5LTp4OvBwcHbzEajdSOgbgFtk2Ijo623b17dxoMv5SiviWLGY75ShTFknfffZfaMRC3wFzCnIJDj/UocZXcrn8N5nk+59SpU3yfPnibGyEtc+bMGa5v375QbyLesHtUivqenGY4dFSr1X43c+ZMukxAWgVzCHMJDmVTbEhuBYftGObn5ubWf/WdkJbA3MEcwlxiIdmQ25KyHiwrF3fu3HlReXl5gMFgYFFCmlZXV4fP47ZcuXLlfVhOLmNh2fDlvZQNcjqdx20223RYEgQPHTpUlm8KRJ5Wrlzp3Ldv3w3InxdhaJei8iHnZH4RZrdtMMtpIyMjWYiQhlVVVeHsZodZ7mUYfitF5UV2e7jf+Faj0eRlZGTI7l2KyBPmCuYMHMqy2JDcl2vJsJ/LP3LkCD9w4EAWIuRh+CHJkCFD8DJAPxgWSFH5kfMMhwoEQfhy+vTpFuraTBqCuYE5grkCQ9kWG5J7wWE7hr8UFxfbt2716DMWiIJhbmCOYK6wkGwp5RPAuWFhYStNJpM+JCSEhQjhuNraWnzMFLZNwAcorpOi8iX7GY752Gw2V61YsYLWleQBmBOYG3D4sRSRNyVd43pGq9X+UFJSIsTGxrIQ8WcVFRVcQkICtk34IwzxIfiyp5QZDu2Bgvt57ty51LWZ1MNcwJyAQ0UUG1LaXRzxPM+f27dvnzBy5EgWIv7owIED3OjRo/HrNz1hWCpF5U9pBYftGNbGxMS8de7cOWrH4KewbULPnj0tlZWVG+F4HgsrgpKWlPXgL3ipyWSq27x5M4sQf4PnHnMAc4GFFENxMxzzRkhIyAbs2tyhQwcWIv7gxo0b9d2Ta2trZ8AQnw+gKIqb4ZgvbDZb+eLFi6kdg5/Bc47nHg4V+WAKpc5wKE0QhIMFBQV8UlISCxE1Kyoq4pKTk0WHwzEchjlSVFmUOsOhHK1Wu5PaMfgP1jZhJxwqstjUIApOgGXHjh1Oom54jvFc4zmXTr0yKXlJWY/n+WWRkZFvl5WVBQAWJWpisVjwedyWqqqqD0VRXMzCiiTLFguugDe/41ardRoUW/CTTz6p+DcQ8rDVq1c7d+/efb9tgqLvNFJLgk4yGAxbjUajNiIigoWIGlRXV+NlAGyb8AoMt0tR5VLyhya/9Q+NRnOK2jGoD2ubcAoO/yFFlE1NS7AUODHHAd+/f38WIkp28uRJLjU1VYRtQyoMsVeJ4qllhkN5Op1uK7VjUAc8h3gu8ZzCUBXFhtRUcNhp9y+FhYXi119/zSJEqfAc4rnEc8pCRKbmh4eHW2pra+FNkigRnjs8h3gupVOqHqqa4ZiPa2pqqrEDLxsThcFzh+cQDhXRNsEVar1uNQbW/jtLS0uF6OhoFiJKYDQa8RHBeIPyeBjukqLqodoLxQaDIbtHjx5pa9asUfzFfX8yf/58x4ULF3Lq6urSWUhV1HxnRgL8nNfr9XelIVECq9UaDL88Dj/45FKV4bj/B0E5BiKVJLgIAAAAAElFTkSuQmCC';
var radius = 50;
option = {
title: {
text: 'Graph 简单示例'
},
tooltip: {},
animationDurationUpdate: 1500,
animationEasingUpdate: 'quinticInOut',
series: [{
type: 'graph',
layout: 'none',
symbolSize: [radius * 2, 2 * radius * Math.cos(Math.PI/6)],
symbol: 'image://' + base64Img,
roam: true,
label: {
normal: {
show: true
}
},
data: [{
name: '节点1',
x: 200,
y: 100
}, {
name: '节点2',
x: 300,
y: 100
}]
}]
};