模拟迁徙ECharts Gallery

20:11:45图表已生成
代码
var geoCoordMap = {
    '石家庄市':[114.522081844208,38.0489583146155],
'唐山市':[118.183450597734,39.6505309225366],
'秦皇岛市':[119.604367616118,39.9454615658976],
'邯郸市':[114.482693932342,36.6093079284712],
'邢台市':[114.520486812944,37.069531196912],
'保定市':[115.494810169076,38.8865645480274],
'张家口市':[114.893781530329,40.8111884911031],
'承德市':[117.933822455838,40.9925210524571],
'沧州市':[116.863806476442,38.2976153503257],
'廊坊市':[116.70360222264,39.5186106250846],
'衡水市':[115.686228652909,37.7469290458567],
'太原市':[112.550863589055,37.8902770539675],
'大同市':[113.29050867308,40.1137444997052],
'阳泉市':[113.569237601633,37.8695294932226],
'长治市':[113.120292085725,36.2016643857434],
'晋城市':[112.867332757507,35.4998344672256],
'朔州市':[112.479927726663,39.3376719662206],
'晋中市':[112.738514399918,37.6933615267976],
'运城市':[111.00685365308,35.0388594798119],
'忻州市':[112.72793882881,38.4610305729589],
'临汾市':[111.538787596408,36.0997454435854],
'吕梁市':[111.143156602348,37.5273160969626],
'呼和浩特市':[111.660350520054,40.8283188730816],
'包头市':[109.846238532492,40.6471194257086],
'乌海市':[106.831999097162,39.6831770067852],
'赤峰市':[118.930761192168,42.2971123203173],
'通辽市':[122.260363263221,43.633756072996],
'鄂尔多斯市':[109.993706251451,39.8164895606015],
'呼伦贝尔市':[119.760821793999,49.2016360546043],
'巴彦淖尔市':[107.42380671968,40.7691799024291],
'乌兰察布市':[113.112846390675,41.0223629467512],
'兴安盟':[114.415867548166,43.468238221949],
'锡林郭勒盟':[114.415867548166,43.468238221949],
'阿拉善盟':[114.415867548166,43.468238221949],
'沈阳市':[123.432790921605,41.8086447835157],
'大连市':[121.593477781435,38.9487099383043],
'鞍山市':[123.007763328884,41.1187436821535],
'抚顺市':[123.929819767054,41.8773038295909],
'本溪市':[123.778062369792,41.3258376266488],
'丹东市':[124.338543114769,40.1290228266375],
'锦州市':[121.147748738236,41.1308788759173],
'营口市':[122.233391370793,40.6686510664735],
'阜新市':[121.660822128568,42.0192501070602],
'辽阳市':[123.172451205147,41.2733392655694],
'盘锦市':[122.07322781023,41.1412480229562],
'铁岭市':[123.854849614616,42.2997570121254],
'朝阳市':[120.446162702736,41.5718276678565],
'葫芦岛市':[120.860757644756,40.7430298813175],
'长春市':[125.313642427201,43.8983376070978],
'吉林市':[126.564543988833,43.8719883343593],
'四平市':[124.39138207368,43.1755247011256],
'辽源市':[125.133686052184,42.9233026190537],
'通化市':[125.942650138514,41.7363971298676],
'白山市':[126.435797675346,41.9458593970179],
'松原市':[124.832994532341,45.136048970084],
'白城市':[122.8407766791,45.6210862752189],
'延边朝鲜族自治州':[129.485901958161,42.8964136037441],
'哈尔滨市':[126.657716855446,45.7732246332393],
'齐齐哈尔市':[123.987288942172,47.3476998133664],
'鸡西市':[130.941767273251,45.3215398865511],
'鹤岗市':[130.292472050635,47.3386659037268],
'双鸭山市':[131.171401739582,46.6551020624825],
'大庆市':[125.021839730211,46.5967090200076],
'伊春市':[128.910765977922,47.7346850750786],
'佳木斯市':[130.284734585955,46.8137796047404],
'七台河市':[131.019048047122,45.7750053686404],
'牡丹江市':[129.608035395637,44.5885211527825],
'黑河市':[127.500830295235,50.2506900907383],
'绥化市':[126.989094571635,46.6460639269969],
'大兴安岭地区':[124.196104190174,51.9917889680144],
'南京市':[118.778074408026,32.0572355018059],
'无锡市':[120.305455900536,31.570037451923],
'徐州市':[117.188106623177,34.2715534310919],
'常州市':[119.981861013457,31.7713967446842],
'苏州市':[120.61990711549,31.3179873679524],
'南通市':[120.87380095093,32.0146645408234],
'连云港市':[119.173872217419,34.60154896701],
'淮安市':[119.030186364656,33.6065127392763],
'盐城市':[120.148871817939,33.379861877121],
'扬州市':[119.42777755117,32.4085052545684],
'镇江市':[119.45583540513,32.2044094435993],
'泰州市':[119.919606016191,32.4760532748303],
'宿迁市':[118.296893378553,33.9520497337086],
'杭州市':[120.21937541572,30.2592444615361],
'宁波市':[121.579005972589,29.8852589659181],
'温州市':[120.690634733709,28.0028375940412],
'嘉兴市':[120.760427698957,30.7739922395818],
'湖州市':[120.137243163282,30.8779251556909],
'绍兴市':[120.592467385552,30.0023645805285],
'金华市':[119.652575703681,29.1028991053907],
'衢州市':[118.875841651509,28.9569104475357],
'舟山市':[122.169872098352,30.0360103025539],
'台州市':[121.440612935937,28.6682832856744],
'丽水市':[119.929575843188,28.4562995521443],
'合肥市':[117.282699091683,31.8669422606869],
'芜湖市':[118.384108423228,31.366019787543],
'蚌埠市':[117.357079865876,32.929498906698],
'淮南市':[117.018638863295,32.6428118237479],
'马鞍山市':[118.515881846623,31.68852815888],
'淮北市':[116.79144742863,33.9600233053641],
'铜陵市':[117.819428728806,30.9409296946657],
'安庆市':[117.058738772107,30.5378978173811],
'黄山市':[118.293569632002,29.7344348561631],
'滁州市':[118.324570350977,32.3173505953838],
'阜阳市':[115.820932259046,32.9012113305696],
'宿州市':[116.988692411831,33.6367723857808],
'巢湖市':[117.880490417033,31.6087325475458],
'六安市':[116.505252682984,31.7555583551984],
'亳州市':[115.787928245118,33.8712105653019],
'池州市':[117.494476771594,30.6600192481606],
'宣城市':[118.752096310983,30.9516423542958],
'福州市':[119.330221107127,26.0471254965729],
'厦门市':[118.103886045664,24.4892306124692],
'莆田市':[119.07773096396,25.4484501367343],
'三明市':[117.642193934044,26.2708352793622],
'泉州市':[118.600362343229,24.9016523839911],
'漳州市':[117.676204678946,24.5170647798085],
'南平市':[118.181882948661,26.6436264741978],
'龙岩市':[117.017996738773,25.0786854335152],
'宁德市':[119.542082149719,26.6565274191589],
'南昌市':[115.893527545836,28.6895780001411],
'景德镇市':[117.186522625273,29.3035627684483],
'萍乡市':[113.859917033007,27.6395442229523],
'九江市':[115.999848021554,29.7196395261224],
'新余市':[114.947117416789,27.822321558629],
'鹰潭市':[117.035450186012,28.241309597182],
'赣州市':[114.935909079284,25.8452955363468],
'吉安市':[114.99203871092,27.1138476501571],
'宜春市':[114.400038671558,27.8111298958429],
'抚州市':[116.360918866931,27.9545451702699],
'上饶市':[117.955463877149,28.4576225539373],
'济南市':[117.02496706629,36.6827847271614],
'青岛市':[120.384428183682,36.1052149012738],
'淄博市':[118.059134277869,36.804684854212],
'枣庄市':[117.279305383297,34.807883078386],
'东营市':[118.583926333071,37.487121155276],
'烟台市':[121.309555030085,37.5365615628596],
'潍坊市':[119.142633822971,36.7161148730514],
'威海市':[122.093958365806,37.5287870812514],
'济宁市':[116.600797624823,35.4021216643313],
'泰安市':[117.089414917137,36.1880777589481],
'日照市':[119.507179942994,35.4202251931444],
'莱芜市':[117.684666912472,36.2336541336469],
'临沂市':[118.340768236611,35.0724090743911],
'德州市':[116.328161363561,37.460825926305],
'聊城市':[115.986869139291,36.455828514728],
'滨州市':[117.968292414528,37.4053139418259],
'菏泽市':[115.463359774528,35.2624404960747],
'郑州市':[113.649643849864,34.7566100641403],
'开封市':[114.351642117764,34.8018541758367],
'洛阳市':[112.447524768951,34.6573678176511],
'平顶山市':[113.300848977975,33.7453014565244],
'焦作市':[113.211835884992,35.2346075549859],
'鹤壁市':[114.297769838025,35.755425874224],
'新乡市':[113.912690160824,35.3072575576613],
'安阳市':[114.351806507672,36.1102667221811],
'濮阳市':[115.026627440672,35.7532978882076],
'许昌市':[113.835312459789,34.0267395886552],
'漯河市':[114.046061400229,33.5762786884832],
'三门峡市':[111.181262093267,34.7833199410497],
'南阳市':[112.542841900512,33.0114195691165],
'商丘市':[115.64188568785,34.4385886402464],
'信阳市':[114.08549099347,32.1285823075117],
'周口市':[114.654101942295,33.6237408181408],
'驻马店市':[114.049153547456,32.9831581540935],
'济源市':[112.403830057081,35.0938930945076],
'武汉市':[114.316200102681,30.5810841269208],
'黄石市':[115.050683163924,30.2161271277141],
'襄阳市':[111.949548527393,31.9397125589436],
'十堰市':[110.80122891676,32.6369943394681],
'荆州市':[112.241865807191,30.332590522986],
'宜昌市':[111.310981091961,30.7327578180259],
'荆门市':[112.217330298967,31.0426112029486],
'鄂州市':[114.895594041357,30.3844393227522],
'孝感市':[113.935734392071,30.927954784201],
'黄冈市':[114.906618046575,30.4461089379011],
'咸宁市':[114.300060592061,29.8806567577282],
'随州市':[113.379358364292,31.7178576081886],
'恩施土家族苗族自治州':[109.491923303752,30.2858883165556],
'长沙市':[112.97935278765,28.2134782308532],
'株洲市':[113.131695341071,27.8274329276626],
'湘潭市':[112.935555633034,27.8350950529788],
'衡阳市':[112.583818810716,26.8981644153581],
'邵阳市':[111.461525403554,27.2368112449224],
'岳阳市':[113.146195519116,29.3780070754743],
'常德市':[111.653718136842,29.0121488551808],
'张家界市':[110.481620156968,29.1248893532198],
'益阳市':[112.366546645226,28.5880877798872],
'郴州市':[113.037704467796,25.7822639757389],
'永州市':[111.614647686157,26.4359716467592],
'怀化市':[109.986958795854,27.5574829011728],
'娄底市':[111.99639635657,27.7410733023491],
'湘西土家族苗族自治州':[109.745745800394,28.3179507936736],
'广州市':[113.307649675152,23.1200491020762],
'深圳市':[114.025973657322,22.5460535462052],
'珠海市':[113.56244702619,22.2569146461257],
'汕头市':[116.728650288341,23.3839084532692],
'韶关市':[113.594461107436,24.8029603118919],
'佛山市':[113.134025635393,23.0350948405144],
'江门市':[113.078125341154,22.575116783451],
'湛江市':[110.36506726285,21.2574631037643],
'茂名市':[110.931245330676,21.6682257188216],
'肇庆市':[112.479653369916,23.0786632829289],
'惠州市':[114.410658079971,23.1135398524084],
'梅州市':[116.126403098369,24.3045706060305],
'汕尾市':[115.3729242894,22.7787305001639],
'河源市':[114.713721475875,23.757250850469],
'阳江市':[111.977009755874,21.8715173045188],
'清远市':[113.040773348908,23.6984685504222],
'东莞市':[113.763433990757,23.0430238153682],
'中山市':[113.422060020798,22.545177514513],
'潮州市':[116.630075990864,23.6618116765165],
'揭阳市':[116.379500855382,23.5479994669261],
'云浮市':[112.050945958645,22.9379756855375],
'南宁市':[108.297233555866,22.8064929356026],
'柳州市':[109.422401810151,24.3290533524672],
'桂林市':[110.260920147483,25.2629012459552],
'梧州市':[111.305471950073,23.4853946367345],
'北海市':[109.122627919193,21.4727182350097],
'防城港市':[108.351791152861,21.6173984704718],
'钦州市':[108.638798056423,21.9733504653127],
'贵港市':[109.613707556579,23.1033731644088],
'玉林市':[110.151676316145,22.6439736083773],
'百色市':[106.631821403651,23.9015123679101],
'贺州市':[111.552594178837,24.4110535471128],
'河池市':[108.069947709368,24.6995207828732],
'来宾市':[109.231816504742,23.7411659265148],
'崇左市':[107.357322038368,22.4154552965464],
'海口市':[110.330801848336,20.0220712769522],
'三亚市':[109.522771281359,18.2577759148975],
'文昌市':[110.780909444989,19.750947380145],
'五指山市':[109.517750063692,18.8313057490135],
'琼海市':[110.414359351513,19.2148303686168],
'儋州市':[109.334586198865,19.5747877985974],
'万宁市':[110.292504857239,18.8398859091767],
'东方市':[108.85100963157,18.9981608612177],
'定安县':[110.320090069384,19.4909913978596],
'屯昌县':[110.063364044744,19.3477491278517],
'澄迈县':[109.996736201571,19.6931350695773],
'临高县':[109.724101528681,19.8059220124086],
'白沙黎族自治县':[109.358585582911,19.2160561420617],
'昌江黎族自治县':[109.011299681628,19.2224829009568],
'乐东黎族自治县':[109.0626980127,18.6586135607336],
'陵水黎族自治县':[109.948660710043,18.575984851566],
'保亭黎族苗族自治县':[109.656113379686,18.5975923462668],
'琼中黎族苗族自治县':[109.861848570774,19.0397710669684],
'三沙市':[113.75535610385,12.4647129206534],
'南沙群岛':[112.660301709073,4.97436619213679],
'中沙群岛的岛礁及其海域':[109.733755487943,19.1805008012605],
'成都市':[104.067923463304,30.6799428454196],
'自贡市':[104.776071339364,29.3591568894757],
'攀枝花市':[101.72242315249,26.5875712571087],
'泸州市':[105.443970289206,28.8959298038601],
'德阳市':[104.402397818245,31.1311396527014],
'绵阳市':[104.705518975293,31.5047012580614],
'广元市':[105.819686939997,32.4410401584282],
'遂宁市':[105.564887792263,30.55749135038],
'内江市':[105.073055991715,29.5994615347746],
'乐山市':[103.760824238772,29.6009576110951],
'南充市':[106.105553983792,30.8009651682372],
'宜宾市':[104.633019061525,28.7696747962659],
'广安市':[106.635720331368,30.4639838878878],
'达州市':[107.494973446589,31.2141988589447],
'眉山市':[103.841429562868,30.0611150799445],
'雅安市':[103.009356466347,29.9997163370658],
'巴中市':[106.757915841754,31.86918915916],
'资阳市':[104.635930301674,30.1321914339519],
'阿坝藏族羌族自治州':[102.228564689214,31.9057628583389],
'甘孜藏族自治州':[101.969232063064,30.0551441143555],
'凉山彝族自治州':[102.259590803203,27.8923929036657],
'贵阳市':[106.709177096176,26.6299067414409],
'六盘水市':[104.852086760069,26.5918660603187],
'遵义市':[106.931260316485,27.6999613770762],
'安顺市':[105.928269965758,26.2285945777375],
'铜仁市':[109.16855802826,27.6749026906242],
'毕节市':[105.333323371168,27.4085621313309],
'黔西南布依族苗族自治州':[104.900557798252,25.0951480559269],
'贵州黔东南':[106.734996103304,26.9028259277968],
'黔南':[107.523205110058,26.2645359974422],
'昆明市':[102.71460113878,25.0491531004532],
'曲靖市':[103.782538888027,25.5207581428705],
'玉溪市':[102.545067892483,24.3704471344384],
'保山市':[99.1779956132782,25.1204891961904],
'昭通市':[103.725020655733,27.3406329636355],
'丽江市':[100.229628398879,26.8753510894814],
'普洱市':[100.980057730134,22.7887777801494],
'临沧市':[100.092612913726,23.887806103773],
'文山壮族苗族自治州':[104.246294317572,23.3740868504098],
'红河哈尼族彝族自治州':[103.384064757159,23.367717516499],
'西双版纳傣族自治州':[100.803038275211,22.0094330022362],
'楚雄彝族自治州':[101.52938223914,25.0663556741861],
'大理白族自治州':[100.223674789283,25.5968996394207],
'德宏傣族景颇族自治州':[98.5894342874069,24.441239663008],
'怒江傈僳族自治州':[98.8599320424821,25.8606769781654],
'迪庆藏族自治州':[99.7136815988831,27.8310294611673],
'拉萨市':[91.111890895984,29.6625570620565],
'昌都市':[96.3624404729178,30.510924801158],
'山南市':[92.2208727315102,28.3549823781069],
'日喀则市':[88.9560627735182,29.2681600326548],
'那曲地区':[125.108680001828,46.6009139776036],
'阿里地区':[81.10766868949,30.4045565883254],
'林芝市':[95.4662342466828,29.1280801978024],
'西安市':[108.953098279196,34.2777998978306],
'铜川市':[108.968067013401,34.9083676963836],
'宝鸡市':[107.170645452383,34.3640808097478],
'咸阳市':[108.707509278196,34.3453729959986],
'渭南市':[109.48393269658,34.5023579758288],
'延安市':[109.500509756969,36.6033203522603],
'汉中市':[107.045477628725,33.0815689781577],
'榆林市':[109.745925744329,38.2794392400706],
'安康市':[109.038044563475,32.7043704499944],
'商洛市':[109.934208153795,33.8739073950852],
'兰州市':[103.823305440729,36.0642255250426],
'嘉峪关市':[98.281634585257,39.8023973267335],
'金昌市':[102.20812626259,38.5160717995317],
'白银市':[104.171240903737,36.546681706163],
'天水市':[105.736931622856,34.5843194188687],
'武威市':[102.640147343368,37.9331721429056],
'张掖市':[100.459891868924,38.9393202969821],
'平凉市':[106.688911156547,35.5501101900166],
'酒泉市':[98.5084145061674,39.741473768159],
'庆阳市':[107.644227086733,35.72680075453],
'定西市':[104.626637600665,35.5860562418284],
'陇南市':[104.934573405755,33.394479972938],
'临夏回族自治州':[103.215249178316,35.598514348802],
'甘南藏族自治州':[102.917442486496,34.9922111783786],
'西宁市':[101.767920989803,36.640738611958],
'海东市':[102.376688742518,36.3127433541783],
'海北藏族自治州':[100.879802174477,36.9606541010838],
'黄南藏族自治州':[102.007600308345,35.5228515517283],
'海南藏族自治州':[100.624066094097,36.284363803805],
'果洛藏族自治州':[100.223722768993,34.4804845846096],
'玉树藏族自治州':[97.0133161374136,33.0062399097223],
'海西蒙古族藏族自治州':[97.3426254153331,37.3737990705899],
'银川市':[106.206478607838,38.502621011876],
'石嘴山市':[106.379337201529,39.020223283603],
'吴忠市':[106.208254198509,37.9935610029357],
'固原市':[106.285267995983,36.0215234807093],
'中卫市':[105.196754199355,37.5211241915946],
'乌鲁木齐市':[87.5649877411158,43.8403803472177],
'克拉玛依市':[84.8811801861441,45.5943310667062],
'吐鲁番市':[89.2660254886424,42.6789248207937],
'哈密市':[93.5293730123888,42.3444671045524],
'和田地区':[79.9302386372129,37.1167744926784],
'阿克苏地区':[80.2698461793294,41.1717309014518],
'喀什地区':[75.9929732674917,39.4706271887456],
'克孜勒苏柯尔克孜自治州':[76.1375644774625,39.7503455778451],
'巴音郭楞蒙古自治州':[86.1216883629838,41.7713622025688],
'昌吉回族自治州':[87.2960381256671,44.0070578985334],
'博尔塔拉蒙古自治州':[82.0524362672245,44.9136513742982],
'伊犁哈萨克自治州':[81.2978535303655,43.9222480963408],
'塔城地区':[82.9748805837443,46.7586836296804],
'阿勒泰地区':[88.137915487132,47.8397444861975],
'石河子市':[86.0418649221948,44.3082589804305],
'阿拉尔市':[81.2917365501579,40.6156800051849],
'图木舒克市':[79.1981551079036,39.8892228818043],
'五家渠市':[87.5654489801809,44.3688994790175],
'定州市':[115.057406952324,38.4658391580482],
'辛集市':[115.298749505208,37.9241218764093],
'仙桃市':[113.387448193578,30.2939660049223],
'潜江市':[112.768768016858,30.3431157926013],
'天门市':[113.126230487648,30.6490473564224],
'神农架林区':[110.487230700153,31.5957675990826],
'铁门关市':[85.7263068863944,41.8066670223647]
};

var BJData = [
    [{
        name: '北京'
    }, {
        name: '上海',
        value: 95
    }],
    [{
        name: '北京'
    }, {
        name: '广州',
        value: 90
    }],
    [{
        name: '北京'
    }, {
        name: '大连',
        value: 80
    }],
    [{
        name: '北京'
    }, {
        name: '南宁',
        value: 70
    }],
    [{
        name: '北京'
    }, {
        name: '南昌',
        value: 60
    }],
    [{
        name: '北京'
    }, {
        name: '拉萨',
        value: 50
    }],
    [{
        name: '北京'
    }, {
        name: '长春',
        value: 40
    }],
    [{
        name: '北京'
    }, {
        name: '包头',
        value: 30
    }],
    [{
        name: '北京'
    }, {
        name: '重庆',
        value: 20
    }],
    [{
        name: '北京'
    }, {
        name: '常州',
        value: 10
    }]
];

var SHData = [
    [{
        name: '上海'
    }, {
        name: '包头',
        value: 95
    }],
    [{
        name: '上海'
    }, {
        name: '昆明',
        value: 90
    }],
    [{
        name: '上海'
    }, {
        name: '广州',
        value: 80
    }],
    [{
        name: '上海'
    }, {
        name: '郑州',
        value: 70
    }],
    [{
        name: '上海'
    }, {
        name: '长春',
        value: 60
    }],
    [{
        name: '上海'
    }, {
        name: '重庆',
        value: 50
    }],
    [{
        name: '上海'
    }, {
        name: '长沙',
        value: 40
    }],
    [{
        name: '上海'
    }, {
        name: '北京',
        value: 30
    }],
    [{
        name: '上海'
    }, {
        name: '丹东',
        value: 20
    }],
    [{
        name: '上海'
    }, {
        name: '大连',
        value: 10
    }]
];

var GZData = [
    [{
        name: '广州'
    }, {
        name: '福州',
        value: 95
    }],
    [{
        name: '广州'
    }, {
        name: '太原',
        value: 90
    }],
    [{
        name: '广州'
    }, {
        name: '长春',
        value: 80
    }],
    [{
        name: '广州'
    }, {
        name: '重庆',
        value: 70
    }],
    [{
        name: '广州'
    }, {
        name: '西安',
        value: 60
    }],
    [{
        name: '广州'
    }, {
        name: '成都',
        value: 50
    }],
    [{
        name: '广州'
    }, {
        name: '常州',
        value: 40
    }],
    [{
        name: '广州'
    }, {
        name: '北京',
        value: 30
    }],
    [{
        name: '广州'
    }, {
        name: '北海',
        value: 20
    }],
    [{
        name: '广州'
    }, {
        name: '海口',
        value: 10
    }]
];


var convertData = function(data) {
    console.log(data);
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var dataItem = data[i];
        var fromCoord = geoCoordMap[dataItem[0].name];
        var toCoord = geoCoordMap[dataItem[1].name];
        if (fromCoord && toCoord) {
            res.push({
                fromName: dataItem[0].name,
                toName: dataItem[1].name,
                coords: [fromCoord, toCoord],
                value: dataItem[1].value
            });
        }
    }
    return res;
};

var color = ['#a6c84c', '#ffa022', '#46bee9'];
var series = [];
[
    ['北京', BJData],
    ['上海', SHData],
    ['广州', GZData]
].forEach(function(item, i) {
    //console.log(item,i);
    series.push({
        type: "lines",
        zlevel: 2,
        effect: {
            show: true,
            period: 4, //箭头指向速度，值越小速度越快
            trailLength: 0.3, //特效尾迹长度[0,1]值越大，尾迹越长重
            symbol: "arrow", //箭头图标
            symbolSize: 5 //图标大小
        },
        lineStyle: {
            normal: {
                width: 1, //尾迹线条宽度
                opacity: 0, //尾迹线条透明度
                curveness: 0.3 //尾迹线条曲直度
            }
        },

        data: convertData(item[1])
    }, {
        type: "effectScatter",
        coordinateSystem: "geo",
        zlevel: 2,
        rippleEffect: {
            //涟漪特效
            period: 4, //动画时间，值越小速度越快
            brushType: "stroke", //波纹绘制方式 stroke, fill
            scale: 4 //波纹圆环最大限制，值越大波纹越大
        },
        label: {
            normal: {
                show: true,
                position: "right", //显示位置
                offset: [5, 0], //偏移设置
                formatter: "{b}" //圆环显示文字
            },
            emphasis: {
                show: true
            }
        },
        symbol: "circle",
        symbolSize: function(val) {
            return 4 + val[2] / 1000; //圆环大小
        },
        itemStyle: {
            normal: {
                show: false,
            }
        },
        data: item[1].map(function(dataItem) {
            return {
                name: dataItem[0].name,
                value: geoCoordMap[dataItem[0].name].concat([dataItem[0].value])
            };
        })
    }, {
        name: item[0] + ' Top10',
        type: 'effectScatter',
        coordinateSystem: 'geo',
        zlevel: 2,
        rippleEffect: {
            brushType: 'stroke'
        },
        label: {
            normal: {
                show: true,
                position: 'right',
                formatter: '{b}'
            }
        },
        symbolSize: function(val) {
            return val[2] / 8;
        },
        itemStyle: {
            normal: {
                color: color[i]
            }
        },
        data: item[1].map(function(dataItem) {
            return {
                name: dataItem[1].name,
                value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
            };
        })
    });
});
console.log(series)

option = {
    backgroundColor: '#000',
    title: {
        text: '模拟迁徙',
        subtext: '数据纯属虚构',
        left: 'center',
        textStyle: {
            color: '#fff'
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: function(params, ticket, callback) {
            console.log(params);
            if (params.seriesType == "effectScatter") {
                return "线路：" + params.data.name + "" + params.data.value[2];
            } else if (params.seriesType == "lines") {
                return params.data.fromName + ">" + params.data.toName + "<br />" + params.data.value;
            } else {
                return params.name;
            }
        }
    },
    legend: {
        orient: 'vertical',
        top: 'bottom',
        left: 'right',
        data: ['北京 Top10', '上海 Top10', '广州 Top10'],
        textStyle: {
            color: '#fff'
        },
        selectedMode: 'multiple',
    },
    geo: {
        map: 'china',
        label: {
            emphasis: {
                show: true,
                color: '#fff'
            }
        },
        roam: true,
        itemStyle: {
            normal: {
                areaColor: '#04284e', //地图背景色
                borderColor: '#5bc1c9' ////省市边界线
            },
            emphasis: {
                color: "rgba(37, 43, 61, .5)" //悬浮背景
            }
        }
    },
    series: series
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
