diff --git a/__tests__/integration/snapshots/static/populationFlowChordDefault.svg b/__tests__/integration/snapshots/static/populationFlowChordDefault.svg
index 75ad1ff3f2..3f6c3c9148 100644
--- a/__tests__/integration/snapshots/static/populationFlowChordDefault.svg
+++ b/__tests__/integration/snapshots/static/populationFlowChordDefault.svg
@@ -64,11 +64,11 @@
             transform="matrix(1,0,0,1,0,0)"
             class="main-layer"
           >
-            <g transform="matrix(1,0,0,1,311.856110,10.164987)">
+            <g transform="matrix(1,0,0,1,127.491920,231.856110)">
               <path
                 id="g-svg-10"
                 fill="rgba(23,131,255,1)"
-                d="M 0.545488782623579,0 Q -7.856111789817078 213.83501375551472,113.14346769380313 390.3430922244252 A 214.00000000000003 214.00000000000003 0 0 0 136.76944123978467 371.5672216614521 Q -7.856111789817078 213.83501375551472,30.541767760667312 3.3080491024648815 A 214.00000000000003 214.00000000000003 0 0 0 0.5454887826236359 -1.0658141036401503e-14 Z"
+                d="M 390.3430922244252,0.5454887826235506 Q 176.50807846891058 -7.85611178981722,0 113.14346769380288 A 213.99999999999994 213.99999999999994 0 0 0 18.775870562973324 136.76944123978453 Q 176.50807846891058 -7.85611178981722,387.0350431219604 30.54176776066717 A 213.99999999999994 213.99999999999994 0 0 0 390.3430922244252 0.5454887826234938 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -76,11 +76,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,314.853882,13.473036)">
+            <g transform="matrix(1,0,0,1,90.535591,234.853882)">
               <path
                 id="g-svg-11"
                 fill="rgba(23,131,255,1)"
-                d="M 27.54400192609944,0 Q -10.85387762438495 210.52696465304984,4.277034971214505 423.9913773405616 A 214.00000000000003 214.00000000000003 0 0 0 81.67495876453324 403.48917451941935 Q -10.85387762438495 210.52696465304984,102.23377262199529 28.84817293053647 A 214.00000000000003 214.00000000000003 0 0 0 27.544001926099384 -4.263256414560601e-14 Z"
+                d="M 423.9913773405616,27.544001926099412 Q 213.46441268751178 -10.853877624384978,2.842170943040401e-14 4.277034971214448 A 214.00000000000003 214.00000000000003 0 0 0 20.502202821142276 81.6749587645331 Q 213.46441268751178 -10.853877624384978,395.1432044100251 102.23377262199531 A 214.00000000000003 214.00000000000003 0 0 0 423.9913773405616 27.544001926099412 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -88,11 +88,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,155.040527,42.321209)">
+            <g transform="matrix(1,0,0,1,121.952713,75.040527)">
               <path
                 id="g-svg-12"
                 fill="rgba(23,131,255,1)"
-                d="M 262.0471262538194,2.1316282072803006e-14 Q 148.95947600743915 181.67879172251338,0 335.3247305155357 A 214.00000000000003 214.00000000000003 0 0 0 36.465981430961165 363.7260759043213 Q 148.95947600743915 181.67879172251338,298.4201247005275 28.52032968975061 A 214.00000000000003 214.00000000000003 0 0 0 262.0471262538194 0 Z"
+                d="M 363.7260759043213,262.0471262538195 Q 182.04728418180795 148.9594760074392,28.4013453887857 0 A 214.00000000000003 214.00000000000003 0 0 0 0 36.46598143096131 Q 182.04728418180795 148.9594760074392,335.2057462145707 298.42012470052754 A 214.00000000000003 214.00000000000003 0 0 0 363.7260759043213 262.04712625381944 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -100,11 +100,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,90,70.841537)">
+            <g transform="matrix(1,0,0,1,285.049988,10)">
               <path
                 id="g-svg-13"
                 fill="rgba(23,131,255,1)"
-                d="M 363.46064869308833,0 Q 214 153.15846203276277,2.1495416174855677 122.90316029705826 A 214 214 0 0 0 0.8406781273336605 172.10848838591141 Q 214 153.15846203276277,394.501628549353 38.20124350764624 A 214 214 0 0 0 363.4606486930883 -2.842170943040401e-14 Z"
+                d="M 172.1084883859112,363.46064869308833 Q 18.950026353148473 214,49.20532808885298 2.149541617485564 A 213.99999999999997 213.99999999999997 0 0 0 0 0.8406781273336605 Q 18.950026353148473 214,133.90724487826503 394.501628549353 A 213.99999999999997 213.99999999999997 0 0 0 172.10848838591124 363.4606486930883 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -112,11 +112,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,128.126831,52.353367)">
+            <g transform="matrix(1,0,0,1,340.148773,48.126827)">
               <path
                 id="g-svg-14"
                 fill="rgba(23,131,255,1)"
-                d="M 356.37480026152645,56.68941288616037 Q 175.87317171217347 171.6466314112769,48.07084808243172 1.4210854715202004e-14 A 213.99999999999997 213.99999999999997 0 0 0 0 49.72605286975126 Q 175.87317171217347 171.6466314112769,383.6126929339904 120.2628662462923 A 213.99999999999997 213.99999999999997 0 0 0 356.37480026152645 56.68941288616044 Z"
+                d="M 78.80845131841522,356.37480026152645 Q -36.148767206701336 175.87317171217347,135.49786420457565 48.07084808243181 A 214 214 0 0 0 85.7718113348244 0 Q -36.148767206701336 175.87317171217347,15.234997958283088 383.6126929339904 A 214 214 0 0 0 78.80845131841528 356.37480026152645 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -124,11 +124,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,276.543427,10.164987)">
+            <g transform="matrix(1,0,0,1,332.284943,196.543442)">
               <path
                 id="g-svg-15"
                 fill="rgba(23,131,255,1)"
-                d="M 235.19608192725593,162.45124859053013 Q 27.456560705439017 213.83501375551472,19.054960132998076 0 A 214.00000000000003 214.00000000000003 0 0 0 0 1.6036841309077836 Q 27.456560705439017 213.83501375551472,238.9536187564368 181.20076126257646 A 214.00000000000003 214.00000000000003 0 0 0 235.19608192725593 162.45124859053 Z"
+                d="M 23.098814956846695,235.19608192725613 Q -28.28495020813773 27.456560705439216,185.5500635473769 19.054960132998247 A 213.99999999999997 213.99999999999997 0 0 0 183.94637941646909 0 Q -28.28495020813773 27.456560705439216,4.349302284800501 238.953618756437 A 213.99999999999997 213.99999999999997 0 0 0 23.098814956846752 235.19608192725613 Z"
                 fill-opacity="0.95"
                 stroke="rgba(23,131,255,1)"
                 opacity="0.5"
@@ -136,11 +136,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,117.149368,238.057312)">
+            <g transform="matrix(1,0,0,1,150.354065,37.149368)">
               <path
                 id="g-svg-16"
                 fill="rgba(0,201,201,1)"
-                d="M 400.2330366989046,2.189232048180571 Q 186.85063348984616 -14.057306066962752,0 90.2635488204622 A 214.00000000000003 214.00000000000003 0 0 0 37.89115748240698 139.58863272605956 Q 186.85063348984616 -14.057306066962752,386.54818319736614 62.864008539670095 A 214.00000000000003 214.00000000000003 0 0 0 400.2330366989046 2.189232048180571 Z"
+                d="M 137.3994006778789,400.23303669890464 Q 153.64593879302228 186.8506334898462,49.325083905597324 7.105427357601002e-15 A 214.00000000000003 214.00000000000003 0 0 0 0 37.89115748240695 Q 153.64593879302228 186.8506334898462,76.72462418638943 386.5481831973662 A 214.00000000000003 214.00000000000003 0 0 0 137.3994006778789 400.23303669890464 Z"
                 fill-opacity="0.95"
                 stroke="rgba(0,201,201,1)"
                 opacity="0.5"
@@ -148,11 +148,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,92.149544,116.254112)">
+            <g transform="matrix(1,0,0,1,157.590530,12.149542)">
               <path
                 id="g-svg-17"
                 fill="rgba(0,201,201,1)"
-                d="M 411.5480080900344,184.667202678126 Q 211.8504583825144 107.74588807149314,26.95366662104206 0 A 213.99999999999997 213.99999999999997 0 0 0 0 77.49058633578863 Q 211.8504583825144 107.74588807149314,367.92821262536086 254.15536396192044 A 213.99999999999997 213.99999999999997 0 0 0 411.5480080900344 184.66720267812593 Z"
+                d="M 69.48816128379454,411.54800809003444 Q 146.4094758904274 211.85045838251443,254.15536396192047 26.95366662104206 A 214.00000000000003 214.00000000000003 0 0 0 176.66477762613195 0 Q 146.4094758904274 211.85045838251443,2.842170943040401e-14 367.9282126253609 A 214.00000000000003 214.00000000000003 0 0 0 69.48816128379454 411.54800809003444 Z"
                 fill-opacity="0.95"
                 stroke="rgba(0,201,201,1)"
                 opacity="0.5"
@@ -160,11 +160,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,303.035187,310.933075)">
+            <g transform="matrix(1,0,0,1,90,223.035172)">
               <path
                 id="g-svg-18"
                 fill="rgba(0,201,201,1)"
-                d="M 157.04257537361258,59.47641619745906 Q 0.9648211307660972 -86.93305969296824,0 127.06476534314197 A 214 214 0 0 0 16.09573372636561 126.53135299454351 Q 0.9648211307660972 -86.93305969296824,145.59037416036784 70.7991482129691 A 214 214 0 0 0 157.04257537361258 59.47641619745906 Z"
+                d="M 67.59052410957267,157.0425753736126 Q 214.00000000000003 0.9648211307661256,0.0021749638898427293 0 A 214.00000000000003 214.00000000000003 0 0 0 0.5355873124882464 16.09573372636558 Q 214.00000000000003 0.9648211307661256,56.267792094062685 145.59037416036793 A 214.00000000000003 214.00000000000003 0 0 0 67.59052410957273 157.04257537361266 Z"
                 fill-opacity="0.95"
                 stroke="rgba(0,201,201,1)"
                 opacity="0.5"
@@ -172,11 +172,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,176.197678,43.228458)">
+            <g transform="matrix(1,0,0,1,111.037788,96.197678)">
               <path
                 id="g-svg-19"
                 fill="rgba(240,136,77,1)"
-                d="M 234.5802375660518,366.22902036444026 Q 127.80232362974178 180.77153980512185,13.270012047004315 2.842170943040401e-14 A 214 214 0 0 0 0 9.124908393844976 Q 127.80232362974178 180.77153980512185,220.33116001865992 373.7337496714913 A 214 214 0 0 0 234.5802375660518 366.2290203644402 Z"
+                d="M 7.504729307051136,234.58023756605172 Q 192.9622098663695 127.80232362974162,373.73374967149135 13.27001204700423 A 213.99999999999997 213.99999999999997 0 0 0 364.6088412776465 0 Q 192.9622098663695 127.80232362974162,0 220.33116001865972 A 213.99999999999997 213.99999999999997 0 0 0 7.5047293070511785 234.58023756605178 Z"
                 fill-opacity="0.95"
                 stroke="rgba(240,136,77,1)"
                 opacity="0.5"
@@ -184,11 +184,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,189.467682,14.577126)">
+            <g transform="matrix(1,0,0,1,90.737556,109.467690)">
               <path
                 id="g-svg-20"
                 fill="rgba(213,128,255,1)"
-                d="M 96.78038883346599,422.6853165054828 Q 114.53231158273749 209.42287433925432,70.50891208332453 4.618527782440651e-14 A 214.00000000000006 214.00000000000006 0 0 0 0 28.651334534132445 Q 114.53231158273749 209.42287433925432,23.26627476765421 402.98555288051614 A 214.00000000000006 214.00000000000006 0 0 0 96.78038883346599 422.6853165054828 Z"
+                d="M 0,96.7803888334662 Q 213.26244216622837 114.53231158273765,422.6853165054826 70.50891208332455 A 214 214 0 0 0 394.0339819713501 0 Q 213.26244216622837 114.53231158273765,19.69976362496655 23.26627476765431 A 214 214 0 0 0 0 96.78038883346626 Z"
                 fill-opacity="0.95"
                 stroke="rgba(213,128,255,1)"
                 opacity="0.5"
@@ -196,11 +196,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,92.984581,254.080948)">
+            <g transform="matrix(1,0,0,1,110.437325,12.984579)">
               <path
                 id="g-svg-21"
                 fill="rgba(213,128,255,1)"
-                d="M 119.74938407489002,163.48173197445584 Q 211.0154208899733 -30.080946566806006,0 5.534950819437256 A 214.00000000000003 214.00000000000003 0 0 0 5.356456167917926 29.08314921308738 Q 211.0154208899733 -30.080946566806006,98.52192631349548 151.96633761500198 A 214.00000000000003 214.00000000000003 0 0 0 119.74938407489007 163.4817319744559 Z"
+                d="M 0,119.74938407489 Q 193.56267854126182 211.01542088997334,157.9467811550185 1.4210854715202004e-14 A 214.00000000000003 214.00000000000003 0 0 0 134.39858276136843 5.356456167917969 Q 193.56267854126182 211.01542088997334,11.515394359453865 98.52192631349548 A 214.00000000000003 214.00000000000003 0 0 0 -5.684341886080802e-14 119.74938407489006 Z"
                 fill-opacity="0.95"
                 stroke="rgba(213,128,255,1)"
                 opacity="0.5"
@@ -208,11 +208,11 @@
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,98.341034,191.365753)">
+            <g transform="matrix(1,0,0,1,214.660858,18.341036)">
               <path
                 id="g-svg-22"
                 fill="rgba(120,99,255,1)"
-                d="M 11.19940943698893,121.97338926028215 Q 205.65896472205534 32.634252492938174,419.6582698840192 32.08891755306334 A 213.99999999999997 213.99999999999997 0 0 0 417.1560227730531 0 Q 205.65896472205534 32.634252492938174,0 91.79834827283156 A 213.99999999999997 213.99999999999997 0 0 0 11.19940943698893 121.97338926028215 Z"
+                d="M 0,11.19940943698894 Q 89.339136767344 205.65896472205534,89.88447170721881 419.65826988401926 A 214 214 0 0 0 121.97338926028229 417.15602277305317 Q 89.339136767344 205.65896472205534,30.175040987450643 0 A 214 214 0 0 0 2.842170943040401e-14 11.199409436988933 Z"
                 fill-opacity="0.95"
                 stroke="rgba(120,99,255,1)"
                 opacity="0.5"
@@ -227,81 +227,81 @@
             transform="matrix(1,0,0,1,0,0)"
             class="main-layer"
           >
-            <g transform="matrix(1,0,0,1,312.191559,4.819111)">
+            <g transform="matrix(1,0,0,1,304.531708,232.191559)">
               <path
                 id="g-svg-23"
                 fill="rgba(23,131,255,1)"
-                d="M 0.42008002862206695,0 A 219.35000000000002 219.35000000000002 0 0 1 211.15772723288342 218.62192078603073 L 200.45776197478517,218.6491875330246 A 208.65 208.65 0 0 0 5.684341886080802e-14 10.691750687775723 L 0.42008002862206695,0 Z"
+                d="M 218.6491875330246,0.42008002862206695 A 219.35000000000002 219.35000000000002 0 0 1 0.02726674699385967 211.15772723288327 L 0,200.4577619747851 A 208.64999999999992 208.64999999999992 0 0 0 207.95743684524882 -2.842170943040401e-14 L 218.6491875330246,0.42008002862206695 Z"
                 stroke="rgba(23,131,255,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,421.974579,239.840378)">
+            <g transform="matrix(1,0,0,1,123.079216,341.974579)">
               <path
                 id="g-svg-24"
                 fill="rgba(0,201,201,1)"
-                d="M 100.74237329275525,0.8123269057570894 A 219.35 219.35 0 0 1 6.049978974180988 165.0804057683686 L 0,156.25500184492304 A 208.65000000000003 208.65000000000003 0 0 0 90.0732531323024 -8.526512829121202e-14 L 100.74237329275525,0.8123269057570894 Z"
+                d="M 164.26807886261136,100.74237329275525 A 219.34999999999997 219.34999999999997 0 0 1 0 6.049978974180931 L 8.825403923445549,0 A 208.65000000000006 208.65000000000006 0 0 0 165.0804057683686 90.0732531323024 L 164.26807886261136,100.74237329275525 Z"
                 stroke="rgba(0,201,201,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,303.011047,404.821045)">
+            <g transform="matrix(1,0,0,1,84.650002,223.011063)">
               <path
                 id="g-svg-25"
                 fill="rgba(240,136,77,1)"
-                d="M 110.43630344375288,9.272874027965884 A 219.35 219.35 0 0 1 -1.1368683772161603e-13 38.526727116677534 L 0.04824105653818833,27.82683586487201 A 208.64999999999998 208.64999999999998 0 0 0 105.09740774693739 0 L 110.43630344375288,9.272874027965884 Z"
+                d="M 29.25608242669867,110.43630344375319 A 219.35 219.35 0 0 1 0.002229337987046165 2.842170943040401e-14 L 10.702120589792585,0.048241056538387284 A 208.64999999999998 208.64999999999998 0 0 0 38.52895645466461 105.09740774693776 L 29.25608242669867,110.43630344375319 Z"
                 stroke="rgba(240,136,77,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,112.478104,325.712830)">
+            <g transform="matrix(1,0,0,1,85.405998,32.478100)">
               <path
                 id="g-svg-26"
                 fill="rgba(213,128,255,1)"
-                d="M 173.326178509089,116.88116970514471 A 219.34999999999997 219.34999999999997 0 0 1 0 5.216042744371293 L 9.342531674492278,5.684341886080802e-14 A 208.65000000000006 208.65000000000006 0 0 0 174.21377464655257 106.2180475968334 L 173.326178509089,116.88116970514471 Z"
+                d="M 0,173.3261785090891 A 219.35 219.35 0 0 1 111.66512696077349 -2.842170943040401e-14 L 116.88116970514467,9.342531674492307 A 208.65 208.65 0 0 0 10.663122108311384 174.2137746465527 L 0,173.3261785090891 Z"
                 stroke="rgba(213,128,255,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,87.709190,258.725494)">
+            <g transform="matrix(1,0,0,1,212.427383,7.709194)">
               <path
                 id="g-svg-27"
                 fill="rgba(120,99,255,1)"
-                d="M 16.9697622450295,56.84711523494042 A 219.35 219.35 0 0 1 -5.684341886080802e-14 1.780794869312217 L 10.550771044498617,5.684341886080802e-14 A 208.64999999999998 208.64999999999998 0 0 0 26.692740009282858 52.38015839657322 L 16.9697622450295,56.84711523494042 Z"
+                d="M 0,16.96976224502956 A 219.35 219.35 0 0 1 55.066320365628144 0 L 56.84711523494042,10.550771044498635 A 208.65000000000003 208.65000000000003 0 0 0 4.466956838367224 26.69274000928283 L 0,16.96976224502956 Z"
                 stroke="rgba(120,99,255,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,84.650002,113.560463)">
+            <g transform="matrix(1,0,0,1,284.576233,4.650000)">
               <path
                 id="g-svg-28"
                 fill="rgba(96,196,45,1)"
-                d="M 0.8616950805170234,129.8633122852579 A 219.34999999999997 219.34999999999997 0 0 1 29.830788444490878 2.1316282072803006e-13 L 39.07562803256447,5.387294403574828 A 208.65 208.65 0 0 0 11.519661174150315 128.9158109676005 L 0.8616950805170234,129.8633122852579 Z"
+                d="M 5.684341886080802e-14,0.8616950805169772 A 219.35 219.35 0 0 1 129.86331228525762 29.830788444490764 L 124.47601788168305,39.07562803256444 A 208.65 208.65 0 0 0 0.9475013176575544 11.519661174150286 L 5.684341886080802e-14,0.8616950805169772 Z"
                 stroke="rgba(96,196,45,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,123.729996,9.341554)">
+            <g transform="matrix(1,0,0,1,422.872559,43.730000)">
               <path
                 id="g-svg-29"
                 fill="rgba(189,143,36,1)"
-                d="M 0,89.6898531926718 A 219.35 219.35 0 0 1 135.14601651807953 -2.842170943040401e-14 L 137.34718649305017,10.471143716962679 A 208.64999999999998 208.64999999999998 0 0 0 8.793658585608668 95.7858821197481 L 0,89.6898531926718 Z"
+                d="M 6.0960289270761905,2.1316282072803006e-14 A 219.35000000000002 219.35000000000002 0 0 1 95.78588211974807 135.14601651807953 L 85.31473840278534,137.34718649305023 A 208.64999999999998 208.64999999999998 0 0 0 0 8.79365858560871 L 6.0960289270761905,2.1316282072803006e-14 Z"
                 stroke="rgba(189,143,36,1)"
                 stroke-width="1"
                 class="element"
               />
             </g>
-            <g transform="matrix(1,0,0,1,275.857025,4.819111)">
+            <g transform="matrix(1,0,0,1,510.925537,195.857025)">
               <path
                 id="g-svg-30"
                 fill="rgba(255,128,202,1)"
-                d="M 0,1.6437762341804252 A 219.35 219.35 0 0 1 19.531334136322982 -5.684341886080802e-14 L 19.95141416494505,10.691750687775656 A 208.65000000000003 208.65000000000003 0 0 0 1.3728280352719366 12.255342715410734 L 0,1.6437762341804252 Z"
+                d="M 10.611566481230284,0 A 219.34999999999994 219.34999999999994 0 0 1 12.255342715410848 19.531334136323096 L 1.5635920276350816,19.951414164945163 A 208.64999999999998 208.64999999999998 0 0 0 0 1.3728280352718798 L 10.611566481230284,0 Z"
                 stroke="rgba(255,128,202,1)"
                 stroke-width="1"
                 class="element"
@@ -317,7 +317,7 @@
             <g
               id="g-svg-39"
               fill="none"
-              transform="matrix(1,0,0,1,482.565033,63.441879)"
+              transform="matrix(1,0,0,1,476.558105,390.565033)"
               class="label"
             >
               <g transform="matrix(1,0,0,1,0,-9.500000)">
@@ -344,11 +344,11 @@
                   北京
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,-20.639999,0)">
+              <g transform="matrix(1,0,0,1,-20.327999,-8.640000)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 0,8.328 L 8.64,0 L 16.64,0"
+                  d="M 0,0 L 8.328,8.64 L 16.328,8.64"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -358,10 +358,10 @@
             <g
               id="g-svg-43"
               fill="none"
-              transform="matrix(1,0,0,1,516.433044,339.539703)"
+              transform="matrix(1,0,0,1,176.460297,424.433044)"
               class="label"
             >
-              <g transform="matrix(1,0,0,1,0,-9.500000)">
+              <g transform="matrix(1,0,0,1,-20,-9.500000)">
                 <path
                   id="background"
                   fill="none"
@@ -380,16 +380,16 @@
                   fill-opacity="0.65"
                   font-size="10"
                   font-weight="normal"
-                  text-anchor="left"
+                  text-anchor="end"
                 >
                   天津
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,-22.396000,-5.993000)">
+              <g transform="matrix(1,0,0,1,4,-10.396000)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 0,0 L 10.396,5.993 L 18.396,5.993"
+                  d="M 13.992999999999999,0 L 8,10.396 L 0,10.396"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -399,10 +399,10 @@
             <g
               id="g-svg-47"
               fill="none"
-              transform="matrix(1,0,0,1,375.239929,447.636871)"
+              transform="matrix(1,0,0,1,68.363129,283.239929)"
               class="label"
             >
-              <g transform="matrix(1,0,0,1,0,-9.500000)">
+              <g transform="matrix(1,0,0,1,-20,-9.500000)">
                 <path
                   id="background"
                   fill="none"
@@ -421,16 +421,16 @@
                   fill-opacity="0.65"
                   font-size="10"
                   font-weight="normal"
-                  text-anchor="left"
+                  text-anchor="end"
                 >
                   上海
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,-15.073000,-11.600000)">
+              <g transform="matrix(1,0,0,1,4,-3.073000)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 0,0 L 3.0730000000000004,11.6 L 11.073,11.6"
+                  d="M 19.6,0 L 8,3.073 L 0,3.073"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -440,7 +440,7 @@
             <g
               id="g-svg-51"
               fill="none"
-              transform="matrix(1,0,0,1,166.704330,418.483459)"
+              transform="matrix(1,0,0,1,97.516541,98.704323)"
               class="label"
             >
               <g transform="matrix(1,0,0,1,-20,-9.500000)">
@@ -467,11 +467,11 @@
                   河北
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,4,-10.088000)">
+              <g transform="matrix(1,0,0,1,4,0)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 14.498999999999999,0 L 8,10.088 L 0,10.088"
+                  d="M 18.088,6.499 L 8,0 L 0,0"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -481,7 +481,7 @@
             <g
               id="g-svg-55"
               fill="none"
-              transform="matrix(1,0,0,1,70.910202,292.133148)"
+              transform="matrix(1,0,0,1,223.866867,2.910204)"
               class="label"
             >
               <g transform="matrix(1,0,0,1,-30,-9.500000)">
@@ -508,11 +508,11 @@
                   内蒙古
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,4,-3.534000)">
+              <g transform="matrix(1,0,0,1,4,0)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 19.468,0 L 8,3.534 L 0,3.534"
+                  d="M 11.534,11.468 L 8,0 L 0,0"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -522,10 +522,10 @@
             <g
               id="g-svg-59"
               fill="none"
-              transform="matrix(1,0,0,1,66.199913,173.629929)"
+              transform="matrix(1,0,0,1,366.370056,-1.800086)"
               class="label"
             >
-              <g transform="matrix(1,0,0,1,-20,-9.500000)">
+              <g transform="matrix(1,0,0,1,0,-9.500000)">
                 <path
                   id="background"
                   fill="none"
@@ -544,16 +544,16 @@
                   fill-opacity="0.65"
                   font-size="10"
                   font-weight="normal"
-                  text-anchor="end"
+                  text-anchor="left"
                 >
                   辽宁
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,4,0)">
+              <g transform="matrix(1,0,0,1,-14.613000,0)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 19.712,2.613 L 8,0 L 0,0"
+                  d="M 0,11.712 L 2.6129999999999995,0 L 10.613,0"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -563,10 +563,10 @@
             <g
               id="g-svg-63"
               fill="none"
-              transform="matrix(1,0,0,1,164.072769,31.237331)"
+              transform="matrix(1,0,0,1,508.762665,96.072769)"
               class="label"
             >
-              <g transform="matrix(1,0,0,1,-30,-9.500000)">
+              <g transform="matrix(1,0,0,1,-0.000031,-9.500000)">
                 <path
                   id="background"
                   fill="none"
@@ -585,16 +585,16 @@
                   fill-opacity="0.65"
                   font-size="10"
                   font-weight="normal"
-                  text-anchor="end"
+                  text-anchor="left"
                 >
                   黑龙江
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,4,0)">
+              <g transform="matrix(1,0,0,1,-21.997999,0)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 14.636,9.998 L 8,0 L 0,0"
+                  d="M 0,6.636 L 9.998000000000001,0 L 17.998,0"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
@@ -604,10 +604,10 @@
             <g
               id="g-svg-67"
               fill="none"
-              transform="matrix(1,0,0,1,272.597961,-6.534993)"
+              transform="matrix(1,0,0,1,546.534973,204.597946)"
               class="label"
             >
-              <g transform="matrix(1,0,0,1,-20,-9.500000)">
+              <g transform="matrix(1,0,0,1,0,-9.500000)">
                 <path
                   id="background"
                   fill="none"
@@ -626,16 +626,16 @@
                   fill-opacity="0.65"
                   font-size="10"
                   font-weight="normal"
-                  text-anchor="end"
+                  text-anchor="left"
                 >
                   吉林
                 </text>
               </g>
-              <g transform="matrix(1,0,0,1,4,0)">
+              <g transform="matrix(1,0,0,1,-23.958000,0)">
                 <path
                   id="connector"
                   fill="none"
-                  d="M 9.006,11.958 L 8,0 L 0,0"
+                  d="M 0,1.006 L 11.957999999999998,0 L 19.958,0"
                   stroke="rgba(29,33,41,1)"
                   stroke-opacity="0.45"
                   stroke-width="1"
diff --git a/src/mark/chord.ts b/src/mark/chord.ts
index 26d5431ca3..da6edc6f75 100644
--- a/src/mark/chord.ts
+++ b/src/mark/chord.ts
@@ -140,6 +140,8 @@ export const Chord: CC<ChordOptions> = (options, context) => {
         type: 'polar',
         // Leave enough rendering space for the label.
         outerRadius: (minimumLen - 20) / minimumLen,
+        startAngle: -Math.PI * 2,
+        endAngle: 0,
       },
       labels: [
         {