base.js 174 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930
  1. $(function () {
  2. echart_map();
  3. //echart_1湖南各市货运量
  4. function echart_1() {
  5. // 基于准备好的dom,初始化echarts实例
  6. var myChart = echarts.init(document.getElementById('chart_1'));
  7. myChart.clear();
  8. option = {
  9. tooltip: {
  10. trigger: 'item',
  11. formatter: "{a} <br/>{b} : {c}"
  12. },
  13. legend: {
  14. x: 'center',
  15. y: '15%',
  16. data: ['稼动', '待机', '报警', '离线', '其它'],
  17. icon: 'circle',
  18. textStyle: {
  19. color: '#fff',
  20. }
  21. },
  22. calculable: true,
  23. series: [{
  24. name: '',
  25. type: 'pie',
  26. //起始角度,支持范围[0, 360]
  27. startAngle: 0,
  28. //饼图的半径,数组的第一项是内半径,第二项是外半径
  29. radius: [41, 280.75],
  30. //支持设置成百分比,设置成百分比时第一项是相对于容器宽度,第二项是相对于容器高度
  31. center: ['50%', '40%'],
  32. //是否展示成南丁格尔图,通过半径区分数据大小。可选择两种模式:
  33. // 'radius' 面积展现数据的百分比,半径展现数据的大小。
  34. // 'area' 所有扇区面积相同,仅通过半径展现数据大小
  35. roseType: 'area',
  36. //是否启用防止标签重叠策略,默认开启,圆环图这个例子中需要强制所有标签放在中心位置,可以将该值设为 false。
  37. avoidLabelOverlap: false,
  38. label: {
  39. normal: {
  40. show: true,
  41. formatter: '{c}'
  42. },
  43. emphasis: {
  44. show: true
  45. }
  46. },
  47. labelLine: {
  48. normal: {
  49. show: true,
  50. length2: 1,
  51. },
  52. emphasis: {
  53. show: true
  54. }
  55. },
  56. data: [{
  57. value: 800,
  58. name: '稼动',
  59. itemStyle: {
  60. normal: {
  61. color: '#f845f1'
  62. }
  63. }
  64. },
  65. {
  66. value: 100,
  67. name: '待机',
  68. itemStyle: {
  69. normal: {
  70. color: '#ad46f3'
  71. }
  72. }
  73. },
  74. {
  75. value: 50,
  76. name: '报警',
  77. itemStyle: {
  78. normal: {
  79. color: '#5045f6'
  80. }
  81. }
  82. },
  83. {
  84. value: 25,
  85. name: '离线',
  86. itemStyle: {
  87. normal: {
  88. color: '#4777f5'
  89. }
  90. }
  91. },
  92. {
  93. value: 25,
  94. name: '其它',
  95. itemStyle: {
  96. normal: {
  97. color: '#44aff0'
  98. }
  99. }
  100. },
  101. {
  102. value: 0,
  103. name: "",
  104. itemStyle: {
  105. normal: {
  106. color: '#transparent'
  107. }
  108. },
  109. label: {
  110. show: false
  111. },
  112. labelLine: {
  113. show: false
  114. }
  115. },
  116. {
  117. value: 0,
  118. name: "",
  119. itemStyle: {
  120. normal: {
  121. color: 'transparent'
  122. }
  123. },
  124. label: {
  125. show: false
  126. },
  127. labelLine: {
  128. show: false
  129. }
  130. },
  131. {
  132. value: 0,
  133. name: "",
  134. itemStyle: {
  135. normal: {
  136. color: 'transparent'
  137. }
  138. },
  139. label: {
  140. show: false
  141. },
  142. labelLine: {
  143. show: false
  144. }
  145. },
  146. {
  147. value: 0,
  148. name: "",
  149. itemStyle: {
  150. normal: {
  151. color: 'transparent'
  152. }
  153. },
  154. label: {
  155. show: false
  156. },
  157. labelLine: {
  158. show: false
  159. }
  160. },
  161. {
  162. value: 0,
  163. name: "",
  164. itemStyle: {
  165. normal: {
  166. color: 'transparent'
  167. }
  168. },
  169. label: {
  170. show: false
  171. },
  172. labelLine: {
  173. show: false
  174. }
  175. },
  176. {
  177. value: 0,
  178. name: "",
  179. itemStyle: {
  180. normal: {
  181. color: 'transparent'
  182. }
  183. },
  184. label: {
  185. show: false
  186. },
  187. labelLine: {
  188. show: false
  189. }
  190. },
  191. {
  192. value: 0,
  193. name: "",
  194. itemStyle: {
  195. normal: {
  196. color: 'transparent'
  197. }
  198. },
  199. label: {
  200. show: false
  201. },
  202. labelLine: {
  203. show: false
  204. }
  205. },
  206. {
  207. value: 0,
  208. name: "",
  209. itemStyle: {
  210. normal: {
  211. color: 'transparent'
  212. }
  213. },
  214. label: {
  215. show: false
  216. },
  217. labelLine: {
  218. show: false
  219. }
  220. },
  221. {
  222. value: 0,
  223. name: "",
  224. itemStyle: {
  225. normal: {
  226. color: 'transparent'
  227. }
  228. },
  229. label: {
  230. show: false
  231. },
  232. labelLine: {
  233. show: false
  234. }
  235. }
  236. ]
  237. }]
  238. };
  239. // 使用刚指定的配置项和数据显示图表。
  240. myChart.setOption(option);
  241. window.addEventListener("resize", function () {
  242. myChart.resize();
  243. });
  244. }
  245. //echart_0湖南省飞机场
  246. function echart_0() {
  247. // 基于准备好的dom,初始化echarts实例
  248. var myChart = echarts.init(document.getElementById('chart_0'));
  249. function showProvince() {
  250. var geoCoordMap = {
  251. '长沙黄花国际机场': [113.226512,28.192929],
  252. '张家界荷花机场': [110.454598,29.107223],
  253. '常德桃花源机场': [111.651508,28.921516],
  254. '永州零陵机场': [111.622869,26.340994],
  255. '怀化芷江机场': [109.714784,27.44615],
  256. };
  257. var data = [{
  258. name: '长沙黄花国际机场',
  259. value: 100
  260. },
  261. {
  262. name: '张家界荷花机场',
  263. value: 100
  264. },
  265. {
  266. name: '常德桃花源机场',
  267. value: 100
  268. },
  269. {
  270. name: '永州零陵机场',
  271. value: 100
  272. },
  273. {
  274. name: '怀化芷江机场',
  275. value: 100
  276. }
  277. ];
  278. var max = 480,
  279. min = 9; // todo
  280. var maxSize4Pin = 100,
  281. minSize4Pin = 20;
  282. var convertData = function (data) {
  283. var res = [];
  284. for (var i = 0; i < data.length; i++) {
  285. var geoCoord = geoCoordMap[data[i].name];
  286. if (geoCoord) {
  287. res.push({
  288. name: data[i].name,
  289. value: geoCoord.concat(data[i].value)
  290. });
  291. }
  292. }
  293. return res;
  294. };
  295. myChart.setOption(option = {
  296. title: {
  297. top: 20,
  298. text: '',
  299. subtext: '',
  300. x: 'center',
  301. textStyle: {
  302. color: '#ccc'
  303. }
  304. },
  305. legend: {
  306. orient: 'vertical',
  307. y: 'bottom',
  308. x: 'right',
  309. data: ['pm2.5'],
  310. textStyle: {
  311. color: '#fff'
  312. }
  313. },
  314. visualMap: {
  315. show: false,
  316. min: 0,
  317. max: 500,
  318. left: 'left',
  319. top: 'bottom',
  320. text: ['高', '低'], // 文本,默认为数值文本
  321. calculable: true,
  322. seriesIndex: [1],
  323. inRange: {
  324. }
  325. },
  326. geo: {
  327. show: true,
  328. map:'hunan',
  329. mapType: 'hunan',
  330. label: {
  331. normal: {
  332. },
  333. //鼠标移入后查看效果
  334. emphasis: {
  335. textStyle: {
  336. color: '#fff'
  337. }
  338. }
  339. },
  340. //鼠标缩放和平移
  341. roam: true,
  342. itemStyle: {
  343. normal: {
  344. // color: '#ddd',
  345. borderColor: 'rgba(147, 235, 248, 1)',
  346. borderWidth: 1,
  347. areaColor: {
  348. type: 'radial',
  349. x: 0.5,
  350. y: 0.5,
  351. r: 0.8,
  352. colorStops: [{
  353. offset: 0,
  354. color: 'rgba(175,238,238, 0)' // 0% 处的颜色
  355. }, {
  356. offset: 1,
  357. color: 'rgba( 47,79,79, .2)' // 100% 处的颜色
  358. }],
  359. globalCoord: false // 缺省为 false
  360. },
  361. shadowColor: 'rgba(128, 217, 248, 1)',
  362. shadowOffsetX: -2,
  363. shadowOffsetY: 2,
  364. shadowBlur: 10
  365. },
  366. emphasis: {
  367. areaColor: '#389BB7',
  368. borderWidth: 0
  369. }
  370. }
  371. },
  372. series: [{
  373. name: 'light',
  374. type: 'map',
  375. coordinateSystem: 'geo',
  376. data: convertData(data),
  377. itemStyle: {
  378. normal: {
  379. color: '#F4E925'
  380. }
  381. }
  382. },
  383. {
  384. name: '点',
  385. type: 'scatter',
  386. coordinateSystem: 'geo',
  387. symbol: 'pin',
  388. symbolSize: function(val) {
  389. var a = (maxSize4Pin - minSize4Pin) / (max - min);
  390. var b = minSize4Pin - a * min;
  391. b = maxSize4Pin - a * max;
  392. return a * val[2] + b;
  393. },
  394. label: {
  395. normal: {
  396. // show: true,
  397. // textStyle: {
  398. // color: '#fff',
  399. // fontSize: 9,
  400. // }
  401. }
  402. },
  403. itemStyle: {
  404. normal: {
  405. color: '#F62157', //标志颜色
  406. }
  407. },
  408. zlevel: 6,
  409. data: convertData(data),
  410. },
  411. {
  412. name: 'light',
  413. type: 'map',
  414. mapType: 'hunan',
  415. geoIndex: 0,
  416. aspectScale: 0.75, //长宽比
  417. showLegendSymbol: false, // 存在legend时显示
  418. label: {
  419. normal: {
  420. show: false
  421. },
  422. emphasis: {
  423. show: false,
  424. textStyle: {
  425. color: '#fff'
  426. }
  427. }
  428. },
  429. roam: true,
  430. itemStyle: {
  431. normal: {
  432. areaColor: '#031525',
  433. borderColor: '#FFFFFF',
  434. },
  435. emphasis: {
  436. areaColor: '#2B91B7'
  437. }
  438. },
  439. animation: false,
  440. data: data
  441. },
  442. {
  443. name: ' ',
  444. type: 'effectScatter',
  445. coordinateSystem: 'geo',
  446. data: convertData(data.sort(function (a, b) {
  447. return b.value - a.value;
  448. }).slice(0, 5)),
  449. symbolSize: function (val) {
  450. return val[2] / 10;
  451. },
  452. showEffectOn: 'render',
  453. rippleEffect: {
  454. brushType: 'stroke'
  455. },
  456. hoverAnimation: true,
  457. label: {
  458. normal: {
  459. formatter: '{b}',
  460. position: 'right',
  461. show: true
  462. }
  463. },
  464. itemStyle: {
  465. normal: {
  466. color: '#05C3F9',
  467. shadowBlur: 10,
  468. shadowColor: '#05C3F9'
  469. }
  470. },
  471. zlevel: 1
  472. },
  473. ]
  474. });
  475. }
  476. showProvince();
  477. // 使用刚指定的配置项和数据显示图表。
  478. // myChart.setOption(option);
  479. window.addEventListener("resize", function () {
  480. myChart.resize();
  481. });
  482. }
  483. //echart_2湖南省高速公路
  484. function echart_2() {
  485. // 基于准备好的dom,初始化echarts实例
  486. var myChart = echarts.init(document.getElementById('chart_2'));
  487. myChart.setOption({
  488. series: [{
  489. type: 'map',
  490. mapType: 'hunan'
  491. }]
  492. });
  493. var geoCoordMap = {
  494. '怀化': [109.999867,27.518949],
  495. '吉首': [109.741528,28.332629],
  496. '张家界': [110.491722,29.112001],
  497. '常德': [111.701486,29.076683],
  498. '益阳': [112.348741,28.544124],
  499. '岳阳': [113.126486,29.382401],
  500. '长沙': [113.019455,28.200103],
  501. '株洲': [113.163141,27.8418],
  502. '湘潭': [112.91977,27.882141],
  503. '邵阳': [111.467859,27.21915],
  504. '娄底': [112.012438,27.745506],
  505. '衡阳': [112.63809,26.895225],
  506. '永州': [111.577632,26.460144],
  507. '郴州': [113.039396,25.81497]
  508. };
  509. var goData = [
  510. [{
  511. name: '张家界'
  512. }, {
  513. id: 1,
  514. name: '常德',
  515. value: 86
  516. }],
  517. [{
  518. name: '吉首'
  519. }, {
  520. id: 1,
  521. name: '常德',
  522. value: 86
  523. }],
  524. [{
  525. name: '常德'
  526. }, {
  527. id: 1,
  528. name: '益阳',
  529. value: 70
  530. }],
  531. [{
  532. name: '益阳'
  533. }, {
  534. id: 1,
  535. name: '长沙',
  536. value: 95
  537. }],
  538. [{
  539. name: '长沙'
  540. }, {
  541. id: 1,
  542. name: '岳阳',
  543. value: 70
  544. }],
  545. [{
  546. name: '长沙'
  547. }, {
  548. id: 1,
  549. name: '湘潭',
  550. value: 80
  551. }],
  552. [{
  553. name: '长沙'
  554. }, {
  555. id: 1,
  556. name: '株洲',
  557. value: 80
  558. }],
  559. [{
  560. name: '长沙'
  561. }, {
  562. id: 1,
  563. name: '衡阳',
  564. value: 80
  565. }],
  566. [{
  567. name: '衡阳'
  568. }, {
  569. id: 1,
  570. name: '郴州',
  571. value: 70
  572. }],
  573. [{
  574. name: '衡阳'
  575. }, {
  576. id: 1,
  577. name: '永州',
  578. value: 70
  579. }],
  580. [{
  581. name: '湘潭'
  582. }, {
  583. id: 1,
  584. name: '娄底',
  585. value: 60
  586. }],
  587. [{
  588. name: '娄底'
  589. }, {
  590. id: 1,
  591. name: '邵阳',
  592. value: 75
  593. }],
  594. [{
  595. name: '邵阳'
  596. }, {
  597. id: 1,
  598. name: '怀化',
  599. value: 75
  600. }],
  601. ];
  602. //值控制圆点大小
  603. var backData = [
  604. [{
  605. name: '常德'
  606. }, {
  607. id: 1,
  608. name: '张家界',
  609. value: 80
  610. }],
  611. [{
  612. name: '常德'
  613. }, {
  614. id: 1,
  615. name: '吉首',
  616. value: 66
  617. }],
  618. [{
  619. name: '益阳'
  620. }, {
  621. id: 1,
  622. name: '常德',
  623. value: 86
  624. }],
  625. [{
  626. name: '长沙'
  627. }, {
  628. id: 1,
  629. name: '益阳',
  630. value: 70
  631. }],
  632. [{
  633. name: '岳阳'
  634. }, {
  635. id: 1,
  636. name: '长沙',
  637. value: 95
  638. }],
  639. [{
  640. name: '湘潭'
  641. }, {
  642. id: 1,
  643. name: '长沙',
  644. value: 95
  645. }],
  646. [{
  647. name: '株洲'
  648. }, {
  649. id: 1,
  650. name: '长沙',
  651. value: 95
  652. }],
  653. [{
  654. name: '衡阳'
  655. }, {
  656. id: 1,
  657. name: '长沙',
  658. value: 95
  659. }],
  660. [{
  661. name: '郴州'
  662. }, {
  663. id: 1,
  664. name: '衡阳',
  665. value: 80
  666. }],
  667. [{
  668. name: '永州'
  669. }, {
  670. id: 1,
  671. name: '衡阳',
  672. value: 80
  673. }],
  674. [{
  675. name: '娄底'
  676. }, {
  677. id: 1,
  678. name: '湘潭',
  679. value: 80
  680. }],
  681. [{
  682. name: '邵阳'
  683. }, {
  684. id: 1,
  685. name: '娄底',
  686. value: 60
  687. }],
  688. [{
  689. name: '怀化'
  690. }, {
  691. id: 1,
  692. name: '邵阳',
  693. value: 75
  694. }],
  695. ];
  696. var planePath = 'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z';
  697. var arcAngle = function(data) {
  698. var j, k;
  699. for (var i = 0; i < data.length; i++) {
  700. var dataItem = data[i];
  701. if (dataItem[1].id == 1) {
  702. j = 0.2;
  703. return j;
  704. } else if (dataItem[1].id == 2) {
  705. k = -0.2;
  706. return k;
  707. }
  708. }
  709. }
  710. var convertData = function(data) {
  711. var res = [];
  712. for (var i = 0; i < data.length; i++) {
  713. var dataItem = data[i];
  714. var fromCoord = geoCoordMap[dataItem[0].name];
  715. var toCoord = geoCoordMap[dataItem[1].name];
  716. if (dataItem[1].id == 1) {
  717. if (fromCoord && toCoord) {
  718. res.push([{
  719. coord: fromCoord,
  720. }, {
  721. coord: toCoord,
  722. value: dataItem[1].value //线条颜色
  723. }]);
  724. }
  725. } else if (dataItem[1].id == 2) {
  726. if (fromCoord && toCoord) {
  727. res.push([{
  728. coord: fromCoord,
  729. }, {
  730. coord: toCoord
  731. }]);
  732. }
  733. }
  734. }
  735. return res;
  736. };
  737. var color = ['#fff', '#FF1493', '#0000FF'];
  738. var series = [];
  739. [
  740. ['1', goData],
  741. ['2', backData]
  742. ].forEach(function(item, i) {
  743. series.push({
  744. name: item[0],
  745. type: 'lines',
  746. zlevel: 2,
  747. symbol: ['arrow', 'arrow'],
  748. //线特效配置
  749. effect: {
  750. show: true,
  751. period: 6,
  752. trailLength: 0.1,
  753. symbol: 'arrow', //标记类型
  754. symbolSize: 5
  755. },
  756. lineStyle: {
  757. normal: {
  758. width: 1,
  759. opacity: 0.4,
  760. curveness: arcAngle(item[1]), //弧线角度
  761. color: '#fff'
  762. }
  763. },
  764. edgeLabel: {
  765. normal: {
  766. show: true,
  767. textStyle: {
  768. fontSize: 14
  769. },
  770. formatter: function(params) {
  771. var txt = '';
  772. if (params.data.speed !== undefined) {
  773. txt = params.data.speed;
  774. }
  775. return txt;
  776. },
  777. }
  778. },
  779. data: convertData(item[1])
  780. }, {
  781. type: 'effectScatter',
  782. coordinateSystem: 'geo',
  783. zlevel: 2,
  784. //波纹效果
  785. rippleEffect: {
  786. period: 2,
  787. brushType: 'stroke',
  788. scale: 3
  789. },
  790. label: {
  791. normal: {
  792. show: true,
  793. color: '#fff',
  794. position: 'right',
  795. formatter: '{b}'
  796. }
  797. },
  798. //终点形象
  799. symbol: 'circle',
  800. //圆点大小
  801. symbolSize: function(val) {
  802. return val[2] / 8;
  803. },
  804. itemStyle: {
  805. normal: {
  806. show: true
  807. }
  808. },
  809. data: item[1].map(function(dataItem) {
  810. return {
  811. name: dataItem[1].name,
  812. value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
  813. };
  814. })
  815. });
  816. });
  817. option = {
  818. title: {
  819. text: '',
  820. subtext: '',
  821. left: 'center',
  822. textStyle: {
  823. color: '#fff'
  824. }
  825. },
  826. tooltip: {
  827. trigger: 'item',
  828. formatter: '{b}'
  829. },
  830. //线颜色及飞行轨道颜色
  831. visualMap: {
  832. show: false,
  833. min: 0,
  834. max: 100,
  835. color: ['#31A031','#31A031']
  836. },
  837. //地图相关设置
  838. geo: {
  839. map: 'hunan',
  840. //视角缩放比例
  841. zoom: 1,
  842. //显示文本样式
  843. label: {
  844. normal: {
  845. show: false,
  846. textStyle: {
  847. color: '#fff'
  848. }
  849. },
  850. emphasis: {
  851. textStyle: {
  852. color: '#fff'
  853. }
  854. }
  855. },
  856. //鼠标缩放和平移
  857. roam: true,
  858. itemStyle: {
  859. normal: {
  860. // color: '#ddd',
  861. borderColor: 'rgba(147, 235, 248, 1)',
  862. borderWidth: 1,
  863. areaColor: {
  864. type: 'radial',
  865. x: 0.5,
  866. y: 0.5,
  867. r: 0.8,
  868. colorStops: [{
  869. offset: 0,
  870. color: 'rgba(175,238,238, 0)' // 0% 处的颜色
  871. }, {
  872. offset: 1,
  873. color: 'rgba( 47,79,79, .2)' // 100% 处的颜色
  874. }],
  875. globalCoord: false // 缺省为 false
  876. },
  877. shadowColor: 'rgba(128, 217, 248, 1)',
  878. // shadowColor: 'rgba(255, 255, 255, 1)',
  879. shadowOffsetX: -2,
  880. shadowOffsetY: 2,
  881. shadowBlur: 10
  882. },
  883. emphasis: {
  884. areaColor: '#389BB7',
  885. borderWidth: 0
  886. }
  887. }
  888. },
  889. series: series
  890. };
  891. myChart.setOption(option);
  892. }
  893. // echart_map中国地图
  894. function echart_map() {
  895. // 基于准备好的dom,初始化echarts实例
  896. var myChart = echarts.init(document.getElementById('chart_map'));
  897. var mapName = 'china'
  898. var data = []
  899. var toolTipData = [];
  900. /*获取地图数据*/
  901. myChart.showLoading();
  902. var mapFeatures = echarts.getMap(mapName).geoJson.features;
  903. myChart.hideLoading();
  904. var geoCoordMap = {
  905. '福州': [119.4543, 25.9222],
  906. '长春': [125.8154, 44.2584],
  907. '重庆': [107.7539, 30.1904],
  908. '西安': [109.1162, 34.2004],
  909. '成都': [103.9526, 30.7617],
  910. '常州': [119.4543, 31.5582],
  911. '北京': [116.4551, 40.2539],
  912. '北海': [109.314, 21.6211],
  913. '海口': [110.3893, 19.8516],
  914. '长沙': [113.019455,28.200103],
  915. '上海': [121.40, 31.73],
  916. '内蒙古': [106.82, 39.67]
  917. };
  918. var GZData = [
  919. [{
  920. name: '长沙'
  921. }, {
  922. name: '福州',
  923. value: 95
  924. }],
  925. [{
  926. name: '长沙'
  927. }, {
  928. name: '长春',
  929. value: 80
  930. }],
  931. [{
  932. name: '长沙'
  933. }, {
  934. name: '重庆',
  935. value: 70
  936. }],
  937. [{
  938. name: '长沙'
  939. }, {
  940. name: '西安',
  941. value: 60
  942. }],
  943. [{
  944. name: '长沙'
  945. }, {
  946. name: '成都',
  947. value: 50
  948. }],
  949. [{
  950. name: '长沙'
  951. }, {
  952. name: '常州',
  953. value: 40
  954. }],
  955. [{
  956. name: '长沙'
  957. }, {
  958. name: '北京',
  959. value: 30
  960. }],
  961. [{
  962. name: '长沙'
  963. }, {
  964. name: '北海',
  965. value: 20
  966. }],
  967. [{
  968. name: '长沙'
  969. }, {
  970. name: '海口',
  971. value: 10
  972. }],
  973. [{
  974. name: '长沙'
  975. }, {
  976. name: '上海',
  977. value: 80
  978. }],
  979. [{
  980. name: '长沙'
  981. }, {
  982. name: '内蒙古',
  983. value: 80
  984. }]
  985. ];
  986. var convertData = function (data) {
  987. var res = [];
  988. for (var i = 0; i < data.length; i++) {
  989. var dataItem = data[i];
  990. var fromCoord = geoCoordMap[dataItem[0].name];
  991. var toCoord = geoCoordMap[dataItem[1].name];
  992. if (fromCoord && toCoord) {
  993. res.push({
  994. fromName: dataItem[0].name,
  995. toName: dataItem[1].name,
  996. coords: [fromCoord, toCoord]
  997. });
  998. }
  999. }
  1000. return res;
  1001. };
  1002. var color = ['#c5f80e'];
  1003. var series = [];
  1004. [
  1005. ['石家庄', GZData]
  1006. ].forEach(function (item, i) {
  1007. series.push({
  1008. name: item[0],
  1009. type: 'lines',
  1010. zlevel: 2,
  1011. symbol: ['none', 'arrow'],
  1012. symbolSize: 10,
  1013. effect: {
  1014. show: true,
  1015. period: 6,
  1016. trailLength: 0,
  1017. symbol: 'arrow',
  1018. symbolSize: 5
  1019. },
  1020. lineStyle: {
  1021. normal: {
  1022. color: color[i],
  1023. width: 1,
  1024. opacity: 0.6,
  1025. curveness: 0.2
  1026. }
  1027. },
  1028. data: convertData(item[1])
  1029. }, {
  1030. name: item[0],
  1031. type: 'effectScatter',
  1032. coordinateSystem: 'geo',
  1033. zlevel: 2,
  1034. rippleEffect: {
  1035. brushType: 'stroke'
  1036. },
  1037. label: {
  1038. normal: {
  1039. show: true,
  1040. position: 'right',
  1041. formatter: '{b}'
  1042. }
  1043. },
  1044. symbolSize: function (val) {
  1045. return val[2] / 8;
  1046. },
  1047. itemStyle: {
  1048. normal: {
  1049. color: color[i]
  1050. }
  1051. },
  1052. data: item[1].map(function (dataItem) {
  1053. return {
  1054. name: dataItem[1].name,
  1055. value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
  1056. };
  1057. })
  1058. });
  1059. });
  1060. option = {
  1061. tooltip: {
  1062. trigger: 'item'
  1063. },
  1064. geo: {
  1065. map: 'china',
  1066. label: {
  1067. emphasis: {
  1068. show: false
  1069. }
  1070. },
  1071. roam: true,
  1072. itemStyle: {
  1073. normal: {
  1074. // color: '#ddd',
  1075. borderColor: 'rgba(147, 235, 248, 1)',
  1076. borderWidth: 1,
  1077. areaColor: {
  1078. type: 'radial',
  1079. x: 0.5,
  1080. y: 0.5,
  1081. r: 0.8,
  1082. colorStops: [{
  1083. offset: 0,
  1084. color: 'rgba(175,238,238, 0)' // 0% 处的颜色
  1085. }, {
  1086. offset: 1,
  1087. color: 'rgba( 47,79,79, .1)' // 100% 处的颜色
  1088. }],
  1089. globalCoord: false // 缺省为 false
  1090. },
  1091. shadowColor: 'rgba(128, 217, 248, 1)',
  1092. // shadowColor: 'rgba(255, 255, 255, 1)',
  1093. shadowOffsetX: -2,
  1094. shadowOffsetY: 2,
  1095. shadowBlur: 10
  1096. },
  1097. emphasis: {
  1098. areaColor: '#389BB7',
  1099. borderWidth: 0
  1100. }
  1101. }
  1102. },
  1103. series: series
  1104. };
  1105. // 使用刚指定的配置项和数据显示图表。
  1106. myChart.setOption(option);
  1107. window.addEventListener("resize", function () {
  1108. myChart.resize();
  1109. });
  1110. }
  1111. //echart_3交通就业人员
  1112. function echart_3() {
  1113. var myChart = echarts.init(document.getElementById('chart_3'));
  1114. myChart.clear();
  1115. option = {
  1116. title: {
  1117. text: ''
  1118. },
  1119. tooltip: {
  1120. trigger: 'axis'
  1121. },
  1122. legend: {
  1123. data:['铁路运输业','公路运输业','水上运输业','航空运输业','管道运输业','装卸搬运和其他运输服务业','等外公路公路里程'],
  1124. textStyle:{
  1125. color: '#fff'
  1126. },
  1127. top: '4%'
  1128. },
  1129. grid: {
  1130. left: '3%',
  1131. right: '4%',
  1132. bottom: '3%',
  1133. containLabel: true
  1134. },
  1135. toolbox: {
  1136. orient: 'vertical',
  1137. right: '1%',
  1138. top: '2%',
  1139. iconStyle: {
  1140. color: '#FFEA51',
  1141. borderColor: '#FFA74D',
  1142. borderWidth: 1,
  1143. },
  1144. feature: {
  1145. saveAsImage: {},
  1146. magicType: {
  1147. show: true,
  1148. type: ['line','bar','stack','tiled']
  1149. }
  1150. }
  1151. },
  1152. xAxis: {
  1153. type: 'category',
  1154. boundaryGap: false,
  1155. data: ['2014年','2015年','2016年','2017年','2018年'],
  1156. splitLine: {
  1157. show: false
  1158. },
  1159. axisLine: {
  1160. lineStyle: {
  1161. color: '#fff'
  1162. }
  1163. }
  1164. },
  1165. yAxis: {
  1166. name: '人',
  1167. type: 'value',
  1168. splitLine: {
  1169. show: false
  1170. },
  1171. axisLine: {
  1172. lineStyle: {
  1173. color: '#fff'
  1174. }
  1175. }
  1176. },
  1177. color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  1178. series: [
  1179. {
  1180. name:'铁路运输业',
  1181. type:'line',
  1182. data:[57197, 51533, 57000, 58150, 55748]
  1183. },
  1184. {
  1185. name:'公路运输业',
  1186. type:'line',
  1187. data:[148054, 150198, 144943, 138157, 114234]
  1188. },
  1189. {
  1190. name:'水上运输业',
  1191. type:'line',
  1192. data:[27100, 25568, 25734, 24393, 23851]
  1193. },
  1194. {
  1195. name:'航空运输业',
  1196. type:'line',
  1197. data:[1795, 3306, 4151, 5538, 4766]
  1198. },
  1199. {
  1200. name:'管道运输业',
  1201. type:'line',
  1202. data:[1586,567,647,1235,1186]
  1203. },
  1204. {
  1205. name:'装卸搬运和其他运输服务业',
  1206. type:'line',
  1207. data:[4448, 11742, 12706, 10666, 10902]
  1208. }
  1209. ]
  1210. };
  1211. myChart.setOption(option);
  1212. }
  1213. //中国铁路
  1214. function echart_4() {
  1215. // 基于准备好的dom,初始化echarts图表
  1216. var myChart = echarts2.init(document.getElementById('chart_4'));
  1217. var effect = {
  1218. show: true,
  1219. scaleSize: 1,
  1220. period: 30, // 运动周期,无单位,值越大越慢
  1221. color: '#fff',
  1222. shadowColor: 'rgba(220,220,220,0.4)',
  1223. shadowBlur: 5
  1224. };
  1225. function itemStyle(idx) {
  1226. return {
  1227. normal: {
  1228. color: '#fff',
  1229. borderWidth: 1,
  1230. borderColor: ['rgba(30,144,255,1)', 'lime'][idx],
  1231. lineStyle: {
  1232. //shadowColor : ['rgba(30,144,255,1)','lime'][idx], //默认透明
  1233. //shadowBlur: 10,
  1234. //shadowOffsetX: 0,
  1235. //shadowOffsetY: 0,
  1236. type: 'solid'
  1237. }
  1238. }
  1239. }
  1240. };
  1241. option = {
  1242. color: ['rgba(30,144,255,1)', 'lime'],
  1243. title: {
  1244. text: '',
  1245. subtext: '',
  1246. sublink: '',
  1247. x: 'center',
  1248. textStyle: {
  1249. color: '#fff'
  1250. }
  1251. },
  1252. tooltip: {
  1253. trigger: 'item',
  1254. formatter: '{b}'
  1255. },
  1256. legend: {
  1257. orient: 'vertical',
  1258. x: '2%',
  1259. y: '3%',
  1260. selectedMode: 'single',
  1261. data: ['八纵通道', '八横通道'],
  1262. textStyle: {
  1263. color: '#fff'
  1264. }
  1265. },
  1266. toolbox: {
  1267. show: true,
  1268. orient: 'vertical',
  1269. x: 'right',
  1270. y: 'center',
  1271. padding: [0 ,30, 0 ,0],
  1272. feature: {
  1273. mark: {
  1274. show: true
  1275. },
  1276. dataView: {
  1277. show: true,
  1278. readOnly: false
  1279. },
  1280. restore: {
  1281. show: true
  1282. },
  1283. saveAsImage: {
  1284. show: true
  1285. }
  1286. }
  1287. },
  1288. series: [{
  1289. name: '八纵通道',
  1290. type: 'map',
  1291. roam: true,
  1292. hoverable: false,
  1293. mapType: 'china',
  1294. itemStyle: {
  1295. normal: {
  1296. borderColor: 'rgba(100,149,237,1)',
  1297. borderWidth: 0.5,
  1298. areaStyle: {
  1299. color: '#1b1b1b'
  1300. }
  1301. }
  1302. },
  1303. data: [],
  1304. markLine: {
  1305. symbol: ['circle', 'circle'],
  1306. symbolSize: 1,
  1307. effect: effect,
  1308. itemStyle: itemStyle(0),
  1309. smooth: true,
  1310. data: [
  1311. [{
  1312. name: '北京'
  1313. }, {
  1314. name: '哈尔滨'
  1315. }],
  1316. [{
  1317. name: '哈尔滨'
  1318. }, {
  1319. name: '满洲里'
  1320. }],
  1321. [{
  1322. name: '沈阳'
  1323. }, {
  1324. name: '大连'
  1325. }],
  1326. [{
  1327. name: '大连'
  1328. }, {
  1329. name: '烟台'
  1330. }],
  1331. [{
  1332. name: '烟台'
  1333. }, {
  1334. name: '青岛'
  1335. }],
  1336. [{
  1337. name: '青岛'
  1338. }, {
  1339. name: '淮安'
  1340. }],
  1341. [{
  1342. name: '淮安'
  1343. }, {
  1344. name: '上海'
  1345. }],
  1346. [{
  1347. name: '上海'
  1348. }, {
  1349. name: '杭州'
  1350. }],
  1351. [{
  1352. name: '杭州'
  1353. }, {
  1354. name: '宁波'
  1355. }],
  1356. [{
  1357. name: '宁波'
  1358. }, {
  1359. name: '温州'
  1360. }],
  1361. [{
  1362. name: '温州'
  1363. }, {
  1364. name: '福州'
  1365. }],
  1366. [{
  1367. name: '福州'
  1368. }, {
  1369. name: '厦门'
  1370. }],
  1371. [{
  1372. name: '厦门'
  1373. }, {
  1374. name: '广州'
  1375. }],
  1376. [{
  1377. name: '广州'
  1378. }, {
  1379. name: '湛江'
  1380. }],
  1381. [{
  1382. name: '北京'
  1383. }, {
  1384. name: '天津'
  1385. }],
  1386. [{
  1387. name: '天津'
  1388. }, {
  1389. name: '济南'
  1390. }],
  1391. [{
  1392. name: '济南'
  1393. }, {
  1394. name: '南京'
  1395. }],
  1396. [{
  1397. name: '南京'
  1398. }, {
  1399. name: '上海'
  1400. }],
  1401. [{
  1402. name: '北京'
  1403. }, {
  1404. name: '南昌'
  1405. }],
  1406. [{
  1407. name: '南昌'
  1408. }, {
  1409. name: '深圳'
  1410. }],
  1411. [{
  1412. name: '深圳'
  1413. }, {
  1414. name: '九龙红磡'
  1415. }],
  1416. [{
  1417. name: '北京'
  1418. }, {
  1419. name: '郑州'
  1420. }],
  1421. [{
  1422. name: '郑州'
  1423. }, {
  1424. name: '武汉'
  1425. }],
  1426. [{
  1427. name: '武汉'
  1428. }, {
  1429. name: '广州'
  1430. }],
  1431. [{
  1432. name: '大同'
  1433. }, {
  1434. name: '太原'
  1435. }],
  1436. [{
  1437. name: '太原'
  1438. }, {
  1439. name: '焦作'
  1440. }],
  1441. [{
  1442. name: '焦作'
  1443. }, {
  1444. name: '洛阳'
  1445. }],
  1446. [{
  1447. name: '洛阳'
  1448. }, {
  1449. name: '柳州'
  1450. }],
  1451. [{
  1452. name: '柳州'
  1453. }, {
  1454. name: '湛江'
  1455. }],
  1456. [{
  1457. name: '包头'
  1458. }, {
  1459. name: '西安'
  1460. }],
  1461. [{
  1462. name: '西安'
  1463. }, {
  1464. name: '重庆'
  1465. }],
  1466. [{
  1467. name: '重庆'
  1468. }, {
  1469. name: '贵阳'
  1470. }],
  1471. [{
  1472. name: '贵阳'
  1473. }, {
  1474. name: '柳州'
  1475. }],
  1476. [{
  1477. name: '柳州'
  1478. }, {
  1479. name: '南宁'
  1480. }],
  1481. [{
  1482. name: '兰州'
  1483. }, {
  1484. name: '成都'
  1485. }],
  1486. [{
  1487. name: '成都'
  1488. }, {
  1489. name: '昆明'
  1490. }]
  1491. ]
  1492. }
  1493. },
  1494. {
  1495. name: '八横通道',
  1496. type: 'map',
  1497. mapType: 'china',
  1498. itedmStyle: {
  1499. normal: {
  1500. borderColor: 'rgba(100,149,237,1)',
  1501. borderWidth: 0.5,
  1502. areaStyle: {
  1503. color: '#1b1b1b'
  1504. }
  1505. }
  1506. },
  1507. data: [],
  1508. markLine: {
  1509. symbol: ['circle', 'circle'],
  1510. symbolSize: 1,
  1511. effect: effect,
  1512. itemStyle: itemStyle(1),
  1513. smooth: true,
  1514. data: [
  1515. [{
  1516. name: '北京'
  1517. }, {
  1518. name: '兰州'
  1519. }],
  1520. [{
  1521. name: '兰州'
  1522. }, {
  1523. name: '拉萨'
  1524. }],
  1525. [{
  1526. name: '大同'
  1527. }, {
  1528. name: '秦皇岛'
  1529. }],
  1530. [{
  1531. name: '神木'
  1532. }, {
  1533. name: '黄骅'
  1534. }],
  1535. [{
  1536. name: '太原'
  1537. }, {
  1538. name: '德州'
  1539. }],
  1540. [{
  1541. name: '德州'
  1542. }, {
  1543. name: '龙口'
  1544. }],
  1545. [{
  1546. name: '龙口'
  1547. }, {
  1548. name: '烟台'
  1549. }],
  1550. [{
  1551. name: '太原'
  1552. }, {
  1553. name: '德州'
  1554. }],
  1555. [{
  1556. name: '德州'
  1557. }, {
  1558. name: '济南'
  1559. }],
  1560. [{
  1561. name: '济南'
  1562. }, {
  1563. name: '青岛'
  1564. }],
  1565. [{
  1566. name: '长治'
  1567. }, {
  1568. name: '邯郸'
  1569. }],
  1570. [{
  1571. name: '邯郸'
  1572. }, {
  1573. name: '济南'
  1574. }],
  1575. [{
  1576. name: '济南'
  1577. }, {
  1578. name: '青岛'
  1579. }],
  1580. [{
  1581. name: '瓦塘'
  1582. }, {
  1583. name: '临汾'
  1584. }],
  1585. [{
  1586. name: '临汾'
  1587. }, {
  1588. name: '长治'
  1589. }],
  1590. [{
  1591. name: '长治'
  1592. }, {
  1593. name: '汤阴'
  1594. }],
  1595. [{
  1596. name: '汤阴'
  1597. }, {
  1598. name: '台前'
  1599. }],
  1600. [{
  1601. name: '台前'
  1602. }, {
  1603. name: '兖州'
  1604. }],
  1605. [{
  1606. name: '兖州'
  1607. }, {
  1608. name: '日照'
  1609. }],
  1610. [{
  1611. name: '侯马'
  1612. }, {
  1613. name: '月山'
  1614. }],
  1615. [{
  1616. name: '月山'
  1617. }, {
  1618. name: '新乡'
  1619. }],
  1620. [{
  1621. name: '新乡'
  1622. }, {
  1623. name: '兖州'
  1624. }],
  1625. [{
  1626. name: '兖州'
  1627. }, {
  1628. name: '日照'
  1629. }],
  1630. [{
  1631. name: '连云港'
  1632. }, {
  1633. name: '郑州'
  1634. }],
  1635. [{
  1636. name: '郑州'
  1637. }, {
  1638. name: '兰州'
  1639. }],
  1640. [{
  1641. name: '兰州'
  1642. }, {
  1643. name: '乌鲁木齐'
  1644. }],
  1645. [{
  1646. name: '乌鲁木齐'
  1647. }, {
  1648. name: '阿拉山口'
  1649. }],
  1650. [{
  1651. name: '西安'
  1652. }, {
  1653. name: '南阳'
  1654. }],
  1655. [{
  1656. name: '南阳'
  1657. }, {
  1658. name: '信阳'
  1659. }],
  1660. [{
  1661. name: '信阳'
  1662. }, {
  1663. name: '合肥'
  1664. }],
  1665. [{
  1666. name: '合肥'
  1667. }, {
  1668. name: '南京'
  1669. }],
  1670. [{
  1671. name: '南京'
  1672. }, {
  1673. name: '启东'
  1674. }],
  1675. [{
  1676. name: '重庆'
  1677. }, {
  1678. name: '武汉'
  1679. }],
  1680. [{
  1681. name: '武汉'
  1682. }, {
  1683. name: '九江'
  1684. }],
  1685. [{
  1686. name: '九江'
  1687. }, {
  1688. name: '铜陵'
  1689. }],
  1690. [{
  1691. name: '铜陵'
  1692. }, {
  1693. name: '南京'
  1694. }],
  1695. [{
  1696. name: '南京'
  1697. }, {
  1698. name: '上海'
  1699. }],
  1700. [{
  1701. name: '上海'
  1702. }, {
  1703. name: '怀化'
  1704. }],
  1705. [{
  1706. name: '怀化'
  1707. }, {
  1708. name: '重庆'
  1709. }],
  1710. [{
  1711. name: '重庆'
  1712. }, {
  1713. name: '成都'
  1714. }],
  1715. [{
  1716. name: '成都'
  1717. }, {
  1718. name: '贵阳'
  1719. }],
  1720. [{
  1721. name: '贵阳'
  1722. }, {
  1723. name: '昆明'
  1724. }],
  1725. [{
  1726. name: '昆明'
  1727. }, {
  1728. name: '南宁'
  1729. }],
  1730. [{
  1731. name: '南宁'
  1732. }, {
  1733. name: '黎塘'
  1734. }],
  1735. [{
  1736. name: '黎塘'
  1737. }, {
  1738. name: '湛江'
  1739. }]
  1740. ]
  1741. },
  1742. geoCoord: {
  1743. '阿拉山口': [82.5757, 45.1706],
  1744. '包头': [109.8403, 40.6574],
  1745. '北京': [116.4075, 39.9040],
  1746. '成都': [104.0665, 30.5723],
  1747. '大连': [121.6147, 38.9140],
  1748. '大同': [113.3001, 40.0768],
  1749. '德州': [116.3575, 37.4341],
  1750. '福州': [119.2965, 26.0745],
  1751. '广州': [113.2644, 23.1292],
  1752. '贵阳': [106.6302, 26.6477],
  1753. '哈尔滨': [126.5363, 45.8023],
  1754. '邯郸': [114.5391, 36.6256],
  1755. '杭州': [120.1551, 30.2741],
  1756. '合肥': [117.2272, 31.8206],
  1757. '侯马': [111.3720, 35.6191],
  1758. '怀化': [109.9985, 27.5550],
  1759. '淮安': [119.0153, 33.6104],
  1760. '黄骅': [117.3300, 38.3714],
  1761. '济南': [117.1205, 36.6510],
  1762. '焦作': [113.2418, 35.2159],
  1763. '九江': [116.0019, 29.7051],
  1764. '九龙红磡': [114.1870, 22.3076],
  1765. '昆明': [102.8329, 24.8801],
  1766. '拉萨': [91.1409, 29.6456],
  1767. '兰州': [103.8343, 36.0611],
  1768. '黎塘': [109.1363, 23.2066],
  1769. '连云港': [119.2216, 34.5967],
  1770. '临汾': [111.5190, 36.0880],
  1771. '柳州': [109.4160, 24.3255],
  1772. '龙口': [120.4778, 37.6461],
  1773. '洛阳': [112.4540, 34.6197],
  1774. '满洲里': [117.3787, 49.5978],
  1775. '南昌': [115.8581, 28.6832],
  1776. '南京': [118.7969, 32.0603],
  1777. '南宁': [108.3661, 22.8172],
  1778. '南阳': [112.5283, 32.9908],
  1779. '宁波': [121.5440, 29.8683],
  1780. '启东': [121.6574, 31.8082],
  1781. '秦皇岛': [119.6005, 39.9354],
  1782. '青岛': [120.3826, 36.0671],
  1783. '日照': [119.5269, 35.4164],
  1784. '厦门': [118.0894, 24.4798],
  1785. '上海': [121.4737, 31.2304],
  1786. '深圳': [114.0579, 22.5431],
  1787. '神木': [110.4871, 38.8610],
  1788. '沈阳': [123.4315, 41.8057],
  1789. '台前': [115.8717, 35.9701],
  1790. '太原': [112.5489, 37.8706],
  1791. '汤阴': [114.3572, 35.9218],
  1792. '天津': [117.2010, 39.0842],
  1793. '铜陵': [117.8121, 30.9454],
  1794. '瓦塘': [109.7600, 23.3161],
  1795. '温州': [120.6994, 27.9943],
  1796. '乌鲁木齐': [87.6168, 43.8256],
  1797. '武汉': [114.3054, 30.5931],
  1798. '西安': [108.9402, 34.3416],
  1799. '新乡': [113.9268, 35.3030],
  1800. '信阳': [114.0913, 32.1470],
  1801. '烟台': [121.4479, 37.4638],
  1802. '兖州': [116.7838, 35.5531],
  1803. '月山': [113.0550, 35.2104],
  1804. '湛江': [110.3594, 21.2707],
  1805. '长治': [113.1163, 36.1954],
  1806. '郑州': [113.6254, 34.7466],
  1807. '重庆': [106.5516, 29.5630]
  1808. }
  1809. }
  1810. ]
  1811. };
  1812. // 为echarts对象加载数据
  1813. myChart.setOption(option);
  1814. }
  1815. //湖南省高铁
  1816. function echart_6() {
  1817. // 基于准备好的dom,初始化echarts实例
  1818. var myChart = echarts.init(document.getElementById('chart_6'));
  1819. //加载地图
  1820. myChart.setOption({
  1821. series: [{
  1822. type: 'map',
  1823. mapType: 'hunan'
  1824. }]
  1825. });
  1826. var geoCoordMap = {
  1827. '怀化站': [109.999867,27.518949],
  1828. '吉首站': [109.741528,28.332629],
  1829. '张家界站': [110.491722,29.112001],
  1830. '常德站': [111.701486,29.076683],
  1831. '益阳站': [112.348741,28.544124],
  1832. '岳阳站': [113.126486,29.382401],
  1833. '长沙站': [113.019455,28.200103],
  1834. '株洲站': [113.163141,27.8418],
  1835. '湘潭站': [112.91977,27.882141],
  1836. '邵阳站': [111.467859,27.21915],
  1837. '娄底站': [112.012438,27.745506],
  1838. '衡阳站': [112.63809,26.895225],
  1839. '永州站': [111.577632,26.460144],
  1840. '郴州站': [113.039396,25.81497]
  1841. };
  1842. var goData = [
  1843. [{
  1844. name: '怀化站'
  1845. }, {
  1846. id: 1,
  1847. name: '吉首站',
  1848. value: 60
  1849. }],
  1850. [{
  1851. name: '吉首站'
  1852. }, {
  1853. id: 1,
  1854. name: '张家界站',
  1855. value: 70
  1856. }],
  1857. [{
  1858. name: '张家界站'
  1859. }, {
  1860. id: 1,
  1861. name: '常德站',
  1862. value: 77
  1863. }],
  1864. [{
  1865. name: '常德站'
  1866. }, {
  1867. id: 1,
  1868. name: '岳阳站',
  1869. value: 70
  1870. }],
  1871. [{
  1872. name: '常德站'
  1873. }, {
  1874. id: 1,
  1875. name: '益阳站',
  1876. value: 65
  1877. }],
  1878. [{
  1879. name: '常德站'
  1880. }, {
  1881. id: 1,
  1882. name: '邵阳站',
  1883. value: 80
  1884. }],
  1885. [{
  1886. name: '益阳站'
  1887. }, {
  1888. id: 1,
  1889. name: '长沙站',
  1890. value: 95
  1891. }],
  1892. [{
  1893. name: '益阳站'
  1894. }, {
  1895. id: 1,
  1896. name: '娄底站',
  1897. value: 72
  1898. }],
  1899. [{
  1900. name: '长沙站'
  1901. }, {
  1902. id: 1,
  1903. name: '株洲站',
  1904. value: 80
  1905. }],
  1906. [{
  1907. name: '长沙站'
  1908. }, {
  1909. id: 1,
  1910. name: '湘潭站',
  1911. value: 90
  1912. }],
  1913. [{
  1914. name: '长沙站'
  1915. }, {
  1916. id: 1,
  1917. name: '衡阳站',
  1918. value: 88
  1919. }],
  1920. [{
  1921. name: '湘潭站'
  1922. }, {
  1923. id: 1,
  1924. name: '娄底站',
  1925. value: 72
  1926. }],
  1927. [{
  1928. name: '娄底站'
  1929. }, {
  1930. id: 1,
  1931. name: '怀化站',
  1932. value: 80
  1933. }],
  1934. [{
  1935. name: '邵阳站'
  1936. }, {
  1937. id: 1,
  1938. name: '永州站',
  1939. value: 74
  1940. }],
  1941. [{
  1942. name: '衡阳站'
  1943. }, {
  1944. id: 1,
  1945. name: '邵阳站',
  1946. value: 80
  1947. }],
  1948. [{
  1949. name: '衡阳站'
  1950. }, {
  1951. id: 1,
  1952. name: '永州站',
  1953. value: 74
  1954. }],
  1955. [{
  1956. name: '衡阳站'
  1957. }, {
  1958. id: 1,
  1959. name: '郴州站',
  1960. value: 70
  1961. }],
  1962. ];
  1963. //值控制圆点大小
  1964. var backData = [
  1965. [{
  1966. name: '吉首站'
  1967. }, {
  1968. id: 2,
  1969. name: '怀化站',
  1970. value: 80
  1971. }],
  1972. [{
  1973. name: '常德站'
  1974. }, {
  1975. id: 1,
  1976. name: '张家界站',
  1977. value: 70
  1978. }],
  1979. [{
  1980. name: '岳阳站'
  1981. }, {
  1982. id: 1,
  1983. name: '常德站',
  1984. value: 77
  1985. }],
  1986. [{
  1987. name: '益阳站'
  1988. }, {
  1989. id: 1,
  1990. name: '常德站',
  1991. value: 77
  1992. }],
  1993. [{
  1994. name: '邵阳站'
  1995. }, {
  1996. id: 1,
  1997. name: '常德站',
  1998. value: 77
  1999. }],
  2000. [{
  2001. name: '长沙站'
  2002. }, {
  2003. id: 1,
  2004. name: '益阳站',
  2005. value: 65
  2006. }],
  2007. [{
  2008. name: '娄底站'
  2009. }, {
  2010. id: 1,
  2011. name: '益阳站',
  2012. value: 65
  2013. }],
  2014. [{
  2015. name: '株洲站'
  2016. }, {
  2017. id: 1,
  2018. name: '长沙站',
  2019. value: 95
  2020. }],
  2021. [{
  2022. name: '湘潭站'
  2023. }, {
  2024. id: 1,
  2025. name: '长沙站',
  2026. value: 95
  2027. }],
  2028. [{
  2029. name: '衡阳站'
  2030. }, {
  2031. id: 1,
  2032. name: '长沙站',
  2033. value: 95
  2034. }],
  2035. [{
  2036. name: '娄底站'
  2037. }, {
  2038. id: 1,
  2039. name: '湘潭站',
  2040. value: 90
  2041. }],
  2042. [{
  2043. name: '怀化站'
  2044. }, {
  2045. id: 1,
  2046. name: '娄底站',
  2047. value: 72
  2048. }],
  2049. [{
  2050. name: '永州站'
  2051. }, {
  2052. id: 1,
  2053. name: '邵阳站',
  2054. value: 80
  2055. }],
  2056. [{
  2057. name: '邵阳站'
  2058. }, {
  2059. id: 1,
  2060. name: '衡阳站',
  2061. value: 88
  2062. }],
  2063. [{
  2064. name: '永州站'
  2065. }, {
  2066. id: 1,
  2067. name: '衡阳站',
  2068. value: 88
  2069. }],
  2070. [{
  2071. name: '郴州站'
  2072. }, {
  2073. id: 1,
  2074. name: '衡阳站',
  2075. value: 88
  2076. }],
  2077. ];
  2078. var arcAngle = function(data) {
  2079. var j, k;
  2080. for (var i = 0; i < data.length; i++) {
  2081. var dataItem = data[i];
  2082. if (dataItem[1].id == 1) {
  2083. j = 0.2;
  2084. return j;
  2085. } else if (dataItem[1].id == 2) {
  2086. k = -0.2;
  2087. return k;
  2088. }
  2089. }
  2090. }
  2091. var convertData = function(data) {
  2092. var res = [];
  2093. for (var i = 0; i < data.length; i++) {
  2094. var dataItem = data[i];
  2095. var fromCoord = geoCoordMap[dataItem[0].name];
  2096. var toCoord = geoCoordMap[dataItem[1].name];
  2097. if (dataItem[1].id == 1) {
  2098. if (fromCoord && toCoord) {
  2099. res.push([{
  2100. coord: fromCoord,
  2101. }, {
  2102. coord: toCoord,
  2103. value: dataItem[1].value //线条颜色
  2104. }]);
  2105. }
  2106. } else if (dataItem[1].id == 2) {
  2107. if (fromCoord && toCoord) {
  2108. res.push([{
  2109. coord: fromCoord,
  2110. }, {
  2111. coord: toCoord
  2112. }]);
  2113. }
  2114. }
  2115. }
  2116. return res;
  2117. };
  2118. var color = ['#fff', '#FF1493', '#00FF00'];
  2119. var series = [];
  2120. [
  2121. ['1', goData],
  2122. ['2', backData]
  2123. ].forEach(function(item, i) {
  2124. series.push({
  2125. name: item[0],
  2126. type: 'lines',
  2127. zlevel: 2,
  2128. symbol: ['arrow', 'arrow'],
  2129. //线特效配置
  2130. effect: {
  2131. show: true,
  2132. period: 6,
  2133. trailLength: 0.1,
  2134. symbol: 'arrow', //标记类型
  2135. symbolSize: 5
  2136. },
  2137. lineStyle: {
  2138. normal: {
  2139. width: 1,
  2140. opacity: 0.4,
  2141. curveness: arcAngle(item[1]), //弧线角度
  2142. color: '#fff'
  2143. }
  2144. },
  2145. data: convertData(item[1])
  2146. }, {
  2147. type: 'effectScatter',
  2148. coordinateSystem: 'geo',
  2149. zlevel: 2,
  2150. //波纹效果
  2151. rippleEffect: {
  2152. period: 2,
  2153. brushType: 'stroke',
  2154. scale: 3
  2155. },
  2156. label: {
  2157. normal: {
  2158. show: true,
  2159. color: '#fff',
  2160. position: 'right',
  2161. formatter: '{b}'
  2162. }
  2163. },
  2164. //终点形象
  2165. symbol: 'circle',
  2166. //圆点大小
  2167. symbolSize: function(val) {
  2168. return val[2] / 8;
  2169. },
  2170. itemStyle: {
  2171. normal: {
  2172. show: true
  2173. }
  2174. },
  2175. data: item[1].map(function(dataItem) {
  2176. return {
  2177. name: dataItem[1].name,
  2178. value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
  2179. };
  2180. })
  2181. });
  2182. });
  2183. option = {
  2184. title: {
  2185. text: '',
  2186. subtext: '',
  2187. left: 'center',
  2188. textStyle: {
  2189. color: '#fff'
  2190. }
  2191. },
  2192. tooltip: {
  2193. trigger: 'item',
  2194. formatter: "{b}"
  2195. },
  2196. //线颜色及飞行轨道颜色
  2197. visualMap: {
  2198. show: false,
  2199. min: 0,
  2200. max: 100,
  2201. color: ['#fff']
  2202. },
  2203. //地图相关设置
  2204. geo: {
  2205. map: 'hunan',
  2206. //视角缩放比例
  2207. zoom: 1,
  2208. //显示文本样式
  2209. label: {
  2210. normal: {
  2211. show: false,
  2212. textStyle: {
  2213. color: '#fff'
  2214. }
  2215. },
  2216. emphasis: {
  2217. textStyle: {
  2218. color: '#fff'
  2219. }
  2220. }
  2221. },
  2222. //鼠标缩放和平移
  2223. roam: true,
  2224. itemStyle: {
  2225. normal: {
  2226. // color: '#ddd',
  2227. borderColor: 'rgba(147, 235, 248, 1)',
  2228. borderWidth: 1,
  2229. areaColor: {
  2230. type: 'radial',
  2231. x: 0.5,
  2232. y: 0.5,
  2233. r: 0.8,
  2234. colorStops: [{
  2235. offset: 0,
  2236. color: 'rgba(175,238,238, 0)' // 0% 处的颜色
  2237. }, {
  2238. offset: 1,
  2239. color: 'rgba( 47,79,79, .2)' // 100% 处的颜色
  2240. }],
  2241. globalCoord: false // 缺省为 false
  2242. },
  2243. shadowColor: 'rgba(128, 217, 248, 1)',
  2244. shadowOffsetX: -2,
  2245. shadowOffsetY: 2,
  2246. shadowBlur: 10
  2247. },
  2248. emphasis: {
  2249. areaColor: '#389BB7',
  2250. borderWidth: 0
  2251. }
  2252. }
  2253. },
  2254. series: series
  2255. };
  2256. myChart.setOption(option);
  2257. }
  2258. //湖南总货运量
  2259. function echart_7() {
  2260. var myChart = echarts.init(document.getElementById('chart_7'));
  2261. myChart.clear();
  2262. option = {
  2263. title: {
  2264. text: ''
  2265. },
  2266. tooltip: {
  2267. trigger: 'axis'
  2268. },
  2269. legend: {
  2270. data:['货运量','铁路货运量','国家铁路货运量','地方铁路货运量','合资铁路货运量','公路货运量','水运货运量'],
  2271. textStyle:{
  2272. color: '#fff'
  2273. },
  2274. top: '4%'
  2275. },
  2276. grid: {
  2277. left: '3%',
  2278. right: '4%',
  2279. bottom: '3%',
  2280. containLabel: true
  2281. },
  2282. toolbox: {
  2283. orient: 'vertical',
  2284. right: '1%',
  2285. top: '2%',
  2286. iconStyle: {
  2287. color: '#FFEA51',
  2288. borderColor: '#FFA74D',
  2289. borderWidth: 1,
  2290. },
  2291. feature: {
  2292. saveAsImage: {},
  2293. magicType: {
  2294. show: true,
  2295. type: ['line','bar','stack','tiled']
  2296. }
  2297. }
  2298. },
  2299. xAxis: {
  2300. type: 'category',
  2301. boundaryGap: false,
  2302. data: ['2012年','2013年','2014年','2015年','2016年'],
  2303. splitLine: {
  2304. show: false
  2305. },
  2306. axisLine: {
  2307. lineStyle: {
  2308. color: '#fff'
  2309. }
  2310. }
  2311. },
  2312. yAxis: {
  2313. name: '单位(万吨)',
  2314. type: 'value',
  2315. splitLine: {
  2316. show: false
  2317. },
  2318. axisLine: {
  2319. lineStyle: {
  2320. color: '#fff'
  2321. }
  2322. }
  2323. },
  2324. color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  2325. series: [
  2326. {
  2327. name:'货运量',
  2328. type:'line',
  2329. data:[219130, 198009, 209946, 198024, 210586]
  2330. },
  2331. {
  2332. name:'铁路货运量',
  2333. type:'line',
  2334. data:[21010, 22469, 20619, 17843, 16313]
  2335. },
  2336. {
  2337. name:'国家铁路货运量',
  2338. type:'line',
  2339. data:[17866, 19354, 17589, 17709, 18589]
  2340. },
  2341. {
  2342. name:'地方铁路货运量',
  2343. type:'line',
  2344. data:[3034, 2845, 2712, 2790, 2812]
  2345. },
  2346. {
  2347. name:'合资铁路货运量',
  2348. type:'line',
  2349. data:[111, 271, 318, 327, 349]
  2350. },
  2351. {
  2352. name:'公路货运量',
  2353. type:'line',
  2354. data:[195530, 172492, 185286,175637,189822]
  2355. },
  2356. {
  2357. name:'水运货运量',
  2358. type:'line',
  2359. data:[2590, 3048, 4041,4544,4451]
  2360. }
  2361. ]
  2362. };
  2363. myChart.setOption(option);
  2364. }
  2365. //湖南货物周转量
  2366. function echart_8() {
  2367. var myChart = echarts.init(document.getElementById('chart_8'));
  2368. myChart.clear();
  2369. option = {
  2370. title: {
  2371. text: ''
  2372. },
  2373. tooltip: {
  2374. trigger: 'axis'
  2375. },
  2376. legend: {
  2377. data:['铁路货物周转量','国家铁路货物周转量','地方铁路货物周转量','合资铁路货物周转量','公路货物周转量','水运货物周转量'],
  2378. textStyle:{
  2379. color: '#fff'
  2380. },
  2381. top: '4%'
  2382. },
  2383. grid: {
  2384. left: '3%',
  2385. right: '4%',
  2386. bottom: '3%',
  2387. containLabel: true
  2388. },
  2389. toolbox: {
  2390. orient: 'vertical',
  2391. right: '1%',
  2392. top: '2%',
  2393. iconStyle: {
  2394. color: '#FFEA51',
  2395. borderColor: '#FFA74D',
  2396. borderWidth: 1,
  2397. },
  2398. feature: {
  2399. saveAsImage: {},
  2400. magicType: {
  2401. show: true,
  2402. type: ['line','bar','stack','tiled']
  2403. }
  2404. }
  2405. },
  2406. color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  2407. xAxis: {
  2408. type: 'category',
  2409. boundaryGap: false,
  2410. data: ['2014年','2015年','2016年','2017年','2018年'],
  2411. splitLine: {
  2412. show: false
  2413. },
  2414. axisLine: {
  2415. lineStyle: {
  2416. color: '#fff'
  2417. }
  2418. }
  2419. },
  2420. yAxis: {
  2421. name: '亿吨公里',
  2422. type: 'value',
  2423. splitLine: {
  2424. show: false
  2425. },
  2426. axisLine: {
  2427. lineStyle: {
  2428. color: '#fff'
  2429. }
  2430. }
  2431. },
  2432. series: [
  2433. {
  2434. name:'铁路货物周转量',
  2435. type:'line',
  2436. data:[3961.88, 4233.63, 4183.14, 3633.01, 3704.47]
  2437. },
  2438. {
  2439. name:'国家铁路货物周转量',
  2440. type:'line',
  2441. data:[3374.76, 3364.76, 3274.76, 3371.82, 3259.87]
  2442. },
  2443. {
  2444. name:'地方铁路货物周转量',
  2445. type:'line',
  2446. data:[14.77, 15.17, 13.17, 14.56, 15.84]
  2447. },
  2448. {
  2449. name:'合资铁路货物周转量',
  2450. type:'line',
  2451. data:[686.17,847.26,895.22,865.28,886.72]
  2452. },
  2453. {
  2454. name:'公路货物周转量',
  2455. type:'line',
  2456. data:[6133.47, 6577.89, 7019.56,6821.48,7294.59]
  2457. },
  2458. {
  2459. name:'水运货物周转量',
  2460. type:'line',
  2461. data:[509.60, 862.54, 1481.77,1552.79,1333.62]
  2462. }
  2463. ]
  2464. };
  2465. myChart.setOption(option);
  2466. }
  2467. //湖南运输线长度
  2468. function echart_9() {
  2469. var myChart = echarts.init(document.getElementById('chart_9'));
  2470. myChart.clear();
  2471. option = {
  2472. title: {
  2473. text: ''
  2474. },
  2475. tooltip: {
  2476. trigger: 'axis'
  2477. },
  2478. legend: {
  2479. data:['铁路营业里程','公路里程','等级公路里程','高速等级公路里程','一级等级公路里程','二级等级公路里程','等外公路公路里程'],
  2480. textStyle:{
  2481. color: '#fff'
  2482. },
  2483. top: '4%'
  2484. },
  2485. grid: {
  2486. left: '3%',
  2487. right: '4%',
  2488. bottom: '3%',
  2489. containLabel: true
  2490. },
  2491. toolbox: {
  2492. orient: 'vertical',
  2493. right: '1%',
  2494. top: '2%',
  2495. iconStyle: {
  2496. color: '#FFEA51',
  2497. borderColor: '#FFA74D',
  2498. borderWidth: 1,
  2499. },
  2500. feature: {
  2501. saveAsImage: {},
  2502. magicType: {
  2503. show: true,
  2504. type: ['line','bar','stack','tiled']
  2505. }
  2506. }
  2507. },
  2508. xAxis: {
  2509. type: 'category',
  2510. boundaryGap: false,
  2511. data: ['2014年','2015年','2016年','2017年','2018年'],
  2512. splitLine: {
  2513. show: false
  2514. },
  2515. axisLine: {
  2516. lineStyle: {
  2517. color: '#fff'
  2518. }
  2519. }
  2520. },
  2521. yAxis: {
  2522. name: '万公里',
  2523. type: 'value',
  2524. splitLine: {
  2525. show: false
  2526. },
  2527. axisLine: {
  2528. lineStyle: {
  2529. color: '#fff'
  2530. }
  2531. }
  2532. },
  2533. color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  2534. series: [
  2535. {
  2536. name:'铁路营业里程',
  2537. type:'line',
  2538. data:[0.56, 0.63, 0.63, 0.70, 0.70]
  2539. },
  2540. {
  2541. name:'公路里程',
  2542. type:'line',
  2543. data:[16.30, 17.45, 17.92, 18.46, 18.84]
  2544. },
  2545. {
  2546. name:'等级公路里程',
  2547. type:'line',
  2548. data:[15.54, 16.77, 17.29, 17.86, 18.26]
  2549. },
  2550. {
  2551. name:'高速等级公路里程',
  2552. type:'line',
  2553. data:[0.51, 0.56, 0.59, 0.63, 0.65]
  2554. },
  2555. {
  2556. name:'一级等级公路里程',
  2557. type:'line',
  2558. data:[0.47,0.48,0.51,0.54,0.56]
  2559. },
  2560. {
  2561. name:'二级等级公路里程',
  2562. type:'line',
  2563. data:[1.76, 1.85, 1.93, 1.97, 1.99]
  2564. },
  2565. {
  2566. name:'等外公路公路里程',
  2567. type:'line',
  2568. data:[0.76, 0.68, 0.63, 0.60, 0.58]
  2569. }
  2570. ]
  2571. };
  2572. myChart.setOption(option);
  2573. }
  2574. //湖南省快递业务量
  2575. function echart_10(){
  2576. var myChart = echarts.init(document.getElementById('chart_10'));
  2577. myChart.clear();
  2578. option = {
  2579. tooltip: {
  2580. trigger: 'item',
  2581. formatter: "{a} <br/>{b}: {c} ({d}%)"
  2582. },
  2583. legend: {
  2584. orient: 'vertical',
  2585. x: 'left',
  2586. top: '2%',
  2587. left: '1%',
  2588. textStyle: {
  2589. color: '#fff'
  2590. },
  2591. data:[
  2592. '国际','省外','省内',
  2593. ]
  2594. },
  2595. color: ['#FF4949','#FFA74D','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1','#4BF0FF','#44AFF0'],
  2596. series: [
  2597. {
  2598. name:'业务量(万件)',
  2599. type:'pie',
  2600. selectedMode: 'single',
  2601. radius: [0, '15%'],
  2602. center: ['28%','28%'],
  2603. label: {
  2604. normal: {
  2605. position: 'inner'
  2606. }
  2607. },
  2608. labelLine: {
  2609. normal: {
  2610. show: false
  2611. }
  2612. },
  2613. data:[
  2614. {value:90392.39, name:'2018年业务量(90392.39万件)'},
  2615. ]
  2616. },
  2617. {
  2618. name:'业务量(万件)',
  2619. type:'pie',
  2620. radius: ['20%', '30%'],
  2621. center: ['28%','28%'],
  2622. label: {
  2623. normal: {
  2624. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2625. backgroundColor: '#eee',
  2626. borderColor: '#aaa',
  2627. borderWidth: 1,
  2628. borderRadius: 4,
  2629. rich: {
  2630. a: {
  2631. color: '#999',
  2632. lineHeight: 22,
  2633. align: 'center'
  2634. },
  2635. hr: {
  2636. borderColor: '#aaa',
  2637. width: '100%',
  2638. borderWidth: 0.5,
  2639. height: 0
  2640. },
  2641. b: {
  2642. fontSize: 16,
  2643. lineHeight: 33
  2644. },
  2645. per: {
  2646. color: '#eee',
  2647. backgroundColor: '#334455',
  2648. padding: [2, 4],
  2649. borderRadius: 2
  2650. }
  2651. }
  2652. }
  2653. },
  2654. data:[
  2655. {value:464.43, name:'国际'},
  2656. {value:68575.6, name:'省外'},
  2657. {value:21352.36, name:'省内'},
  2658. ]
  2659. },
  2660. {
  2661. name:'业务量(万件)',
  2662. type:'pie',
  2663. selectedMode: 'single',
  2664. radius: [0, '15%'],
  2665. center: ['70%','28%'],
  2666. label: {
  2667. normal: {
  2668. position: 'inner'
  2669. }
  2670. },
  2671. labelLine: {
  2672. normal: {
  2673. show: false
  2674. }
  2675. },
  2676. data:[
  2677. {value:54911.94, name:'2017年业务量(54911.94万件)'},
  2678. ]
  2679. },
  2680. {
  2681. name:'业务量(万件)',
  2682. type:'pie',
  2683. radius: ['20%', '30%'],
  2684. center: ['70%','28%'],
  2685. label: {
  2686. normal: {
  2687. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2688. backgroundColor: '#eee',
  2689. borderColor: '#aaa',
  2690. borderWidth: 1,
  2691. borderRadius: 4,
  2692. rich: {
  2693. a: {
  2694. color: '#999',
  2695. lineHeight: 22,
  2696. align: 'center'
  2697. },
  2698. hr: {
  2699. borderColor: '#aaa',
  2700. width: '100%',
  2701. borderWidth: 0.5,
  2702. height: 0
  2703. },
  2704. b: {
  2705. fontSize: 16,
  2706. lineHeight: 33
  2707. },
  2708. per: {
  2709. color: '#eee',
  2710. backgroundColor: '#334455',
  2711. padding: [2, 4],
  2712. borderRadius: 2
  2713. }
  2714. }
  2715. }
  2716. },
  2717. data:[
  2718. {value:278.5, name:'国际'},
  2719. {value:37111.03, name:'省外'},
  2720. {value:17522.41, name:'省内'},
  2721. ]
  2722. },
  2723. {
  2724. name:'业务量(万件)',
  2725. type:'pie',
  2726. selectedMode: 'single',
  2727. radius: [0, '15%'],
  2728. center: ['28%','70%'],
  2729. label: {
  2730. normal: {
  2731. position: 'inner'
  2732. }
  2733. },
  2734. labelLine: {
  2735. normal: {
  2736. show: false
  2737. }
  2738. },
  2739. data:[
  2740. {value:34019.15, name:'2016年业务量(34019.15万件)'},
  2741. ]
  2742. },
  2743. {
  2744. name:'业务量(万件)',
  2745. type:'pie',
  2746. radius: ['20%', '30%'],
  2747. center: ['28%','70%'],
  2748. label: {
  2749. normal: {
  2750. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2751. backgroundColor: '#eee',
  2752. borderColor: '#aaa',
  2753. borderWidth: 1,
  2754. borderRadius: 4,
  2755. rich: {
  2756. a: {
  2757. color: '#999',
  2758. lineHeight: 22,
  2759. align: 'center'
  2760. },
  2761. hr: {
  2762. borderColor: '#aaa',
  2763. width: '100%',
  2764. borderWidth: 0.5,
  2765. height: 0
  2766. },
  2767. b: {
  2768. fontSize: 16,
  2769. lineHeight: 33
  2770. },
  2771. per: {
  2772. color: '#eee',
  2773. backgroundColor: '#334455',
  2774. padding: [2, 4],
  2775. borderRadius: 2
  2776. }
  2777. }
  2778. }
  2779. },
  2780. data:[
  2781. {value:163.72, name:'国际'},
  2782. {value:26841.29, name:'省外'},
  2783. {value:7014.14, name:'省内'},
  2784. ]
  2785. },
  2786. {
  2787. name:'业务量(万件)',
  2788. type:'pie',
  2789. selectedMode: 'single',
  2790. radius: [0, '15%'],
  2791. center: ['70%','70%'],
  2792. label: {
  2793. normal: {
  2794. position: 'inner'
  2795. }
  2796. },
  2797. labelLine: {
  2798. normal: {
  2799. show: false
  2800. }
  2801. },
  2802. data:[
  2803. {value:20755.74, name:'2015年业务量(20755.74万件)'},
  2804. ]
  2805. },
  2806. {
  2807. name:'业务量(万件)',
  2808. type:'pie',
  2809. radius: ['20%', '30%'],
  2810. center: ['70%','70%'],
  2811. label: {
  2812. normal: {
  2813. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2814. backgroundColor: '#eee',
  2815. borderColor: '#aaa',
  2816. borderWidth: 1,
  2817. borderRadius: 4,
  2818. rich: {
  2819. a: {
  2820. color: '#999',
  2821. lineHeight: 22,
  2822. align: 'center'
  2823. },
  2824. hr: {
  2825. borderColor: '#aaa',
  2826. width: '100%',
  2827. borderWidth: 0.5,
  2828. height: 0
  2829. },
  2830. b: {
  2831. fontSize: 16,
  2832. lineHeight: 33
  2833. },
  2834. per: {
  2835. color: '#eee',
  2836. backgroundColor: '#334455',
  2837. padding: [2, 4],
  2838. borderRadius: 2
  2839. }
  2840. }
  2841. }
  2842. },
  2843. data:[
  2844. {value:129.65, name:'国际'},
  2845. {value:18072.54, name:'省外'},
  2846. {value:2553.55, name:'省内'},
  2847. ]
  2848. },
  2849. ]
  2850. };
  2851. myChart.setOption(option);
  2852. }
  2853. //湖南省公路营运
  2854. function echart_11(){
  2855. var myChart = echarts.init(document.getElementById('chart_11'));
  2856. myChart.clear();
  2857. option = {
  2858. tooltip: {
  2859. trigger: 'item',
  2860. formatter: "{a} <br/>{b}: {c} ({d}%)"
  2861. },
  2862. legend: {
  2863. x: 'left',
  2864. top: '2%',
  2865. left: '1%',
  2866. textStyle: {
  2867. color: '#fff'
  2868. },
  2869. data:['公路营运载客','公路营运载货']
  2870. },
  2871. color: ['#FF4949','#FFA74D','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  2872. series: [
  2873. {
  2874. name:'公路营运',
  2875. type:'pie',
  2876. selectedMode: 'single',
  2877. radius: [0, '15%'],
  2878. center: ['28%','28%'],
  2879. label: {
  2880. normal: {
  2881. position: 'inner'
  2882. }
  2883. },
  2884. labelLine: {
  2885. normal: {
  2886. show: false
  2887. }
  2888. },
  2889. data:[
  2890. {value:145.18, name:'2018年公路营运拥有量(145.18万辆)'},
  2891. ]
  2892. },
  2893. {
  2894. name:'汽车拥有量(万辆)',
  2895. type:'pie',
  2896. radius: ['20%', '30%'],
  2897. center: ['28%','28%'],
  2898. label: {
  2899. normal: {
  2900. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2901. backgroundColor: '#eee',
  2902. borderColor: '#aaa',
  2903. borderWidth: 1,
  2904. borderRadius: 4,
  2905. position: 'outside',
  2906. rich: {
  2907. a: {
  2908. color: '#999',
  2909. lineHeight: 22,
  2910. align: 'center'
  2911. },
  2912. hr: {
  2913. borderColor: '#aaa',
  2914. width: '100%',
  2915. borderWidth: 0.5,
  2916. height: 0
  2917. },
  2918. b: {
  2919. fontSize: 16,
  2920. lineHeight: 33
  2921. },
  2922. per: {
  2923. color: '#eee',
  2924. backgroundColor: '#334455',
  2925. padding: [2, 4],
  2926. borderRadius: 2
  2927. }
  2928. }
  2929. }
  2930. },
  2931. data:[
  2932. {value:142.65, name:'公路营运载客'},
  2933. {value:2.53, name:'公路营运载货'},
  2934. ]
  2935. },
  2936. {
  2937. name:'公路营运',
  2938. type:'pie',
  2939. selectedMode: 'single',
  2940. radius: [0, '15%'],
  2941. center: ['70%','28%'],
  2942. label: {
  2943. normal: {
  2944. position: 'inner'
  2945. }
  2946. },
  2947. labelLine: {
  2948. normal: {
  2949. show: false
  2950. }
  2951. },
  2952. data:[
  2953. {value:142.47, name:'2017年公路营运拥有量(142.47万辆)'}
  2954. ]
  2955. },
  2956. {
  2957. name:'汽车拥有量(万辆)',
  2958. type:'pie',
  2959. radius: ['20%', '30%'],
  2960. center: ['70%','28%'],
  2961. label: {
  2962. normal: {
  2963. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  2964. backgroundColor: '#eee',
  2965. borderColor: '#aaa',
  2966. borderWidth: 1,
  2967. borderRadius: 4,
  2968. position: 'outside',
  2969. rich: {
  2970. a: {
  2971. color: '#999',
  2972. lineHeight: 22,
  2973. align: 'center'
  2974. },
  2975. hr: {
  2976. borderColor: '#aaa',
  2977. width: '100%',
  2978. borderWidth: 0.5,
  2979. height: 0
  2980. },
  2981. b: {
  2982. fontSize: 16,
  2983. lineHeight: 33
  2984. },
  2985. per: {
  2986. color: '#eee',
  2987. backgroundColor: '#334455',
  2988. padding: [2, 4],
  2989. borderRadius: 2
  2990. }
  2991. }
  2992. }
  2993. },
  2994. data:[
  2995. {value:139.95, name:'公路营运载客'},
  2996. {value:2.52, name:'公路营运载货'},
  2997. // {value:137.96, name:'2014年公路营运载客汽车拥有量(万辆)'},
  2998. // {value:2.65, name:'2014年公路营运载货汽车拥有量(万辆)'},
  2999. // {value:131.48, name:'2013年公路营运载客汽车拥有量(万辆)'},
  3000. // {value:2.97, name:'2013年公路营运载货汽车拥有量(万辆)'}
  3001. ]
  3002. },
  3003. {
  3004. name:'公路营运',
  3005. type:'pie',
  3006. selectedMode: 'single',
  3007. radius: [0, '15%'],
  3008. center: ['28%','70%'],
  3009. label: {
  3010. normal: {
  3011. position: 'inner'
  3012. }
  3013. },
  3014. labelLine: {
  3015. normal: {
  3016. show: false
  3017. }
  3018. },
  3019. data:[
  3020. {value:140.61, name:'2016年公路营运拥有量(140.61万辆)'},
  3021. // {value:142.47, name:'2015年公路营运拥有量(142.47万辆)'},
  3022. // {value:140.61, name:'2014年公路营运拥有量(140.61万辆)'},
  3023. // {value:134.45, name:'2013年公路营运拥有量(134.45万辆)'},
  3024. ]
  3025. },
  3026. {
  3027. name:'汽车拥有量(万辆)',
  3028. type:'pie',
  3029. radius: ['20%', '30%'],
  3030. center: ['28%','70%'],
  3031. label: {
  3032. normal: {
  3033. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  3034. backgroundColor: '#eee',
  3035. borderColor: '#aaa',
  3036. borderWidth: 1,
  3037. borderRadius: 4,
  3038. position: 'outside',
  3039. rich: {
  3040. a: {
  3041. color: '#999',
  3042. lineHeight: 22,
  3043. align: 'center'
  3044. },
  3045. hr: {
  3046. borderColor: '#aaa',
  3047. width: '100%',
  3048. borderWidth: 0.5,
  3049. height: 0
  3050. },
  3051. b: {
  3052. fontSize: 16,
  3053. lineHeight: 33
  3054. },
  3055. per: {
  3056. color: '#eee',
  3057. backgroundColor: '#334455',
  3058. padding: [2, 4],
  3059. borderRadius: 2
  3060. }
  3061. }
  3062. }
  3063. },
  3064. data:[
  3065. {value:137.96, name:'公路营运载客'},
  3066. {value:2.65, name:'公路营运载货'},
  3067. // {value:137.96, name:'2014年公路营运载客汽车拥有量(万辆)'},
  3068. // {value:2.65, name:'2014年公路营运载货汽车拥有量(万辆)'},
  3069. // {value:131.48, name:'2013年公路营运载客汽车拥有量(万辆)'},
  3070. // {value:2.97, name:'2013年公路营运载货汽车拥有量(万辆)'}
  3071. ]
  3072. },
  3073. {
  3074. name:'公路营运',
  3075. type:'pie',
  3076. selectedMode: 'single',
  3077. radius: [0, '15%'],
  3078. center: ['70%','70%'],
  3079. label: {
  3080. normal: {
  3081. position: 'inner'
  3082. }
  3083. },
  3084. labelLine: {
  3085. normal: {
  3086. show: false
  3087. }
  3088. },
  3089. data:[
  3090. {value:134.45, name:'2015年公路营运拥有量(134.45万辆)'},
  3091. ]
  3092. },
  3093. {
  3094. name:'汽车拥有量(万辆)',
  3095. type:'pie',
  3096. radius: ['20%', '30%'],
  3097. center: ['70%','70%'],
  3098. label: {
  3099. normal: {
  3100. formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}:}{c} {per|{d}%} ',
  3101. backgroundColor: '#eee',
  3102. borderColor: '#aaa',
  3103. borderWidth: 1,
  3104. borderRadius: 4,
  3105. position: 'outside',
  3106. rich: {
  3107. a: {
  3108. color: '#999',
  3109. lineHeight: 22,
  3110. align: 'center'
  3111. },
  3112. hr: {
  3113. borderColor: '#aaa',
  3114. width: '100%',
  3115. borderWidth: 0.5,
  3116. height: 0
  3117. },
  3118. b: {
  3119. fontSize: 16,
  3120. lineHeight: 33
  3121. },
  3122. per: {
  3123. color: '#eee',
  3124. backgroundColor: '#334455',
  3125. padding: [2, 4],
  3126. borderRadius: 2
  3127. }
  3128. }
  3129. }
  3130. },
  3131. data:[
  3132. {value:131.48, name:'公路营运载客'},
  3133. {value:2.97, name:'公路营运载货'},
  3134. // {value:137.96, name:'2014年公路营运载客汽车拥有量(万辆)'},
  3135. // {value:2.65, name:'2014年公路营运载货汽车拥有量(万辆)'},
  3136. // {value:131.48, name:'2013年公路营运载客汽车拥有量(万辆)'},
  3137. // {value:2.97, name:'2013年公路营运载货汽车拥有量(万辆)'}
  3138. ]
  3139. }
  3140. ]
  3141. };
  3142. myChart.setOption(option);
  3143. }
  3144. //湖南省城市公共交通
  3145. function echart_12() {
  3146. var myChart = echarts.init(document.getElementById('chart_12'));
  3147. myChart.clear();
  3148. option = {
  3149. title: {
  3150. text: ''
  3151. },
  3152. tooltip: {
  3153. trigger: 'axis'
  3154. },
  3155. legend: {
  3156. data:['公共交通运营数','运营线路总长度','公共交通客运总量'],
  3157. textStyle:{
  3158. color: '#fff'
  3159. },
  3160. top: '4%'
  3161. },
  3162. grid: {
  3163. left: '3%',
  3164. right: '4%',
  3165. bottom: '3%',
  3166. containLabel: true
  3167. },
  3168. toolbox: {
  3169. orient: 'vertical',
  3170. right: '1%',
  3171. top: '2%',
  3172. iconStyle: {
  3173. color: '#FFEA51',
  3174. borderColor: '#FFA74D',
  3175. borderWidth: 1,
  3176. },
  3177. feature: {
  3178. saveAsImage: {},
  3179. magicType: {
  3180. show: true,
  3181. type: ['line','bar','stack','tiled']
  3182. }
  3183. }
  3184. },
  3185. xAxis: {
  3186. type: 'category',
  3187. boundaryGap: false,
  3188. data: ['2014年','2015年','2016年','2017年','2018年'],
  3189. splitLine: {
  3190. show: false
  3191. },
  3192. axisLine: {
  3193. lineStyle: {
  3194. color: '#fff'
  3195. }
  3196. }
  3197. },
  3198. yAxis: {
  3199. name: '万公里',
  3200. type: 'value',
  3201. splitLine: {
  3202. show: false
  3203. },
  3204. axisLine: {
  3205. lineStyle: {
  3206. color: '#fff'
  3207. }
  3208. }
  3209. },
  3210. color: ['#FF4949','#FFA74D','#FFEA51','#4BF0FF','#44AFF0','#4E82FF','#584BFF','#BE4DFF','#F845F1'],
  3211. series: [
  3212. {
  3213. name:'公共交通运营数',
  3214. type:'line',
  3215. data:[16493,17498, 15977, 18927, 21479]
  3216. },
  3217. {
  3218. name:'运营线路总长度',
  3219. type:'line',
  3220. data:[18812, 19647, 20305, 22940, 26077]
  3221. },
  3222. {
  3223. name:'公共交通客运总量',
  3224. type:'line',
  3225. data:[203954, 202727, 205342, 187208, 186048]
  3226. },
  3227. ]
  3228. };
  3229. myChart.setOption(option);
  3230. }
  3231. //湖南省地图
  3232. function echart_13(){
  3233. // 基于准备好的dom,初始化echarts实例
  3234. var myChart = echarts.init(document.getElementById('chart_13'));
  3235. function showProvince() {
  3236. myChart.setOption(option = {
  3237. // backgroundColor: '#ffffff',
  3238. visualMap: {
  3239. show: false,
  3240. min: 0,
  3241. max: 100,
  3242. left: 'left',
  3243. top: 'bottom',
  3244. text: ['高', '低'], // 文本,默认为数值文本
  3245. calculable: true,
  3246. inRange: {
  3247. color: ['yellow', 'lightskyblue', 'orangered']
  3248. }
  3249. },
  3250. series: [{
  3251. type: 'map',
  3252. mapType: 'hunan',
  3253. roam: true,
  3254. label: {
  3255. normal: {
  3256. show: true
  3257. },
  3258. emphasis: {
  3259. textStyle: {
  3260. color: '#fff'
  3261. }
  3262. }
  3263. },
  3264. itemStyle: {
  3265. normal: {
  3266. borderColor: '#389BB7',
  3267. areaColor: '#fff',
  3268. },
  3269. emphasis: {
  3270. areaColor: '#389BB7',
  3271. borderWidth: 0
  3272. }
  3273. },
  3274. animation: false,
  3275. data: [{
  3276. name: '长沙市',
  3277. value: 100
  3278. }, {
  3279. name: '株洲市',
  3280. value: 96
  3281. }, {
  3282. name: '湘潭市',
  3283. value: 98
  3284. }, {
  3285. name: '衡阳市',
  3286. value: 80
  3287. }, {
  3288. name: '邵阳市',
  3289. value: 88
  3290. }, {
  3291. name: '岳阳市',
  3292. value: 79
  3293. }, {
  3294. name: '常德市',
  3295. value: 77,
  3296. }, {
  3297. name: '张家界市',
  3298. value: 33
  3299. }, {
  3300. name: '益阳市',
  3301. value: 69,
  3302. }, {
  3303. name: '郴州市',
  3304. value: 66
  3305. }, {
  3306. name: '永州市',
  3307. value: 22
  3308. },{
  3309. name: '娄底市',
  3310. value: 51
  3311. },{
  3312. name: '湘西土家族苗族自治州',
  3313. value: 44
  3314. },{
  3315. name: '怀化市',
  3316. value: 9
  3317. }]
  3318. }]
  3319. });
  3320. }
  3321. var currentIdx = 0;
  3322. showProvince();
  3323. // 使用刚指定的配置项和数据显示图表。
  3324. window.addEventListener("resize", function () {
  3325. myChart.resize();
  3326. });
  3327. }
  3328. //GPS
  3329. function echart_14(){
  3330. var myChart = echarts.init(document.getElementById('chart_14'));
  3331. var data = [
  3332. {name: '海门', value: 9,
  3333. address:'二道区东环域路2038号',
  3334. typeName:'联运',
  3335. area:'0.18',
  3336. service:'东北地区'},
  3337. {name: '鄂尔多斯', value: 12,
  3338. address:'二道区东环域路2038号',
  3339. typeName:'联运',
  3340. area:'0.18',
  3341. service:'东北地区'},
  3342. {name: '招远', value: 12,
  3343. address:'二道区东环域路2038号',
  3344. typeName:'联运',
  3345. area:'0.18',
  3346. service:'东北地区'},
  3347. {name: '舟山', value: 12,
  3348. address:'二道区东环域路2038号',
  3349. typeName:'联运',
  3350. area:'0.18',
  3351. service:'东北地区'},
  3352. {name: '齐齐哈尔', value: 14,
  3353. address:'二道区东环域路2038号',
  3354. typeName:'联运',
  3355. area:'0.18',
  3356. service:'东北地区'},
  3357. {name: '盐城', value: 15,
  3358. address:'二道区东环域路2038号',
  3359. typeName:'联运',
  3360. area:'0.18',
  3361. service:'东北地区'},
  3362. {name: '赤峰', value: 16,
  3363. address:'二道区东环域路2038号',
  3364. typeName:'联运',
  3365. area:'0.18',
  3366. service:'东北地区'},
  3367. {name: '青岛', value: 18,
  3368. address:'二道区东环域路2038号',
  3369. typeName:'联运',
  3370. area:'0.18',
  3371. service:'东北地区'},
  3372. {name: '乳山', value: 18,
  3373. address:'二道区东环域路2038号',
  3374. typeName:'联运',
  3375. area:'0.18',
  3376. service:'东北地区'},
  3377. {name: '金昌', value: 19,
  3378. address:'二道区东环域路2038号',
  3379. typeName:'联运',
  3380. area:'0.18',
  3381. service:'东北地区'},
  3382. {name: '泉州', value: 21,
  3383. address:'二道区东环域路2038号',
  3384. typeName:'联运',
  3385. area:'0.18',
  3386. service:'东北地区'},
  3387. {name: '莱西', value: 21,
  3388. address:'二道区东环域路2038号',
  3389. typeName:'联运',
  3390. area:'0.18',
  3391. service:'东北地区'},
  3392. {name: '日照', value: 21,
  3393. address:'二道区东环域路2038号',
  3394. typeName:'联运',
  3395. area:'0.18',
  3396. service:'东北地区'},
  3397. {name: '胶南', value: 22,
  3398. address:'二道区东环域路2038号',
  3399. typeName:'联运',
  3400. area:'0.18',
  3401. service:'东北地区'},
  3402. {name: '南通', value: 23,
  3403. address:'二道区东环域路2038号',
  3404. typeName:'联运',
  3405. area:'0.18',
  3406. service:'东北地区'},
  3407. {name: '拉萨', value: 24,
  3408. address:'二道区东环域路2038号',
  3409. typeName:'联运',
  3410. area:'0.18',
  3411. service:'东北地区'},
  3412. {name: '云浮', value: 24,
  3413. address:'二道区东环域路2038号',
  3414. typeName:'联运',
  3415. area:'0.18',
  3416. service:'东北地区'},
  3417. {name: '梅州', value: 25,
  3418. address:'二道区东环域路2038号',
  3419. typeName:'联运',
  3420. area:'0.18',
  3421. service:'东北地区'},
  3422. {name: '文登', value: 25,
  3423. address:'二道区东环域路2038号',
  3424. typeName:'联运',
  3425. area:'0.18',
  3426. service:'东北地区'},
  3427. {name: '上海', value: 25,
  3428. address:'二道区东环域路2038号',
  3429. typeName:'联运',
  3430. area:'0.18',
  3431. service:'东北地区'},
  3432. {name: '攀枝花', value: 25,
  3433. address:'二道区东环域路2038号',
  3434. typeName:'联运',
  3435. area:'0.18',
  3436. service:'东北地区'},
  3437. {name: '威海', value: 25,
  3438. address:'二道区东环域路2038号',
  3439. typeName:'联运',
  3440. area:'0.18',
  3441. service:'东北地区'},
  3442. {name: '承德', value: 25,
  3443. address:'二道区东环域路2038号',
  3444. typeName:'联运',
  3445. area:'0.18',
  3446. service:'东北地区'},
  3447. {name: '厦门', value: 26,
  3448. address:'二道区东环域路2038号',
  3449. typeName:'联运',
  3450. area:'0.18',
  3451. service:'东北地区'},
  3452. {name: '汕尾', value: 26,
  3453. address:'二道区东环域路2038号',
  3454. typeName:'联运',
  3455. area:'0.18',
  3456. service:'东北地区'},
  3457. {name: '潮州', value: 26,
  3458. address:'二道区东环域路2038号',
  3459. typeName:'联运',
  3460. area:'0.18',
  3461. service:'东北地区'},
  3462. {name: '丹东', value: 27,
  3463. address:'二道区东环域路2038号',
  3464. typeName:'联运',
  3465. area:'0.18',
  3466. service:'东北地区'},
  3467. {name: '太仓', value: 27,
  3468. address:'二道区东环域路2038号',
  3469. typeName:'联运',
  3470. area:'0.18',
  3471. service:'东北地区'},
  3472. {name: '曲靖', value: 27,
  3473. address:'二道区东环域路2038号',
  3474. typeName:'联运',
  3475. area:'0.18',
  3476. service:'东北地区'},
  3477. {name: '烟台', value: 28,
  3478. address:'二道区东环域路2038号',
  3479. typeName:'联运',
  3480. area:'0.18',
  3481. service:'东北地区'},
  3482. {name: '福州', value: 29,
  3483. address:'二道区东环域路2038号',
  3484. typeName:'联运',
  3485. area:'0.18',
  3486. service:'东北地区'},
  3487. {name: '瓦房店', value: 30,
  3488. address:'二道区东环域路2038号',
  3489. typeName:'联运',
  3490. area:'0.18',
  3491. service:'东北地区'},
  3492. {name: '即墨', value: 30,
  3493. address:'二道区东环域路2038号',
  3494. typeName:'联运',
  3495. area:'0.18',
  3496. service:'东北地区'},
  3497. {name: '抚顺', value: 31,
  3498. address:'二道区东环域路2038号',
  3499. typeName:'联运',
  3500. area:'0.18',
  3501. service:'东北地区'},
  3502. {name: '玉溪', value: 31,
  3503. address:'二道区东环域路2038号',
  3504. typeName:'联运',
  3505. area:'0.18',
  3506. service:'东北地区'},
  3507. {name: '张家口', value: 31,
  3508. address:'二道区东环域路2038号',
  3509. typeName:'联运',
  3510. area:'0.18',
  3511. service:'东北地区'},
  3512. {name: '阳泉', value: 31,
  3513. address:'二道区东环域路2038号',
  3514. typeName:'联运',
  3515. area:'0.18',
  3516. service:'东北地区'},
  3517. {name: '莱州', value: 32,
  3518. address:'二道区东环域路2038号',
  3519. typeName:'联运',
  3520. area:'0.18',
  3521. service:'东北地区'},
  3522. {name: '湖州', value: 32,
  3523. address:'二道区东环域路2038号',
  3524. typeName:'联运',
  3525. area:'0.18',
  3526. service:'东北地区'},
  3527. {name: '汕头', value: 32,
  3528. address:'二道区东环域路2038号',
  3529. typeName:'联运',
  3530. area:'0.18',
  3531. service:'东北地区'},
  3532. {name: '昆山', value: 33,
  3533. address:'二道区东环域路2038号',
  3534. typeName:'联运',
  3535. area:'0.18',
  3536. service:'东北地区'},
  3537. {name: '宁波', value: 33,
  3538. address:'二道区东环域路2038号',
  3539. typeName:'联运',
  3540. area:'0.18',
  3541. service:'东北地区'},
  3542. {name: '湛江', value: 33,
  3543. address:'二道区东环域路2038号',
  3544. typeName:'联运',
  3545. area:'0.18',
  3546. service:'东北地区'},
  3547. {name: '揭阳', value: 34,
  3548. address:'二道区东环域路2038号',
  3549. typeName:'联运',
  3550. area:'0.18',
  3551. service:'东北地区'},
  3552. {name: '荣成', value: 34,
  3553. address:'二道区东环域路2038号',
  3554. typeName:'联运',
  3555. area:'0.18',
  3556. service:'东北地区'},
  3557. {name: '连云港', value: 35,
  3558. address:'二道区东环域路2038号',
  3559. typeName:'联运',
  3560. area:'0.18',
  3561. service:'东北地区'},
  3562. {name: '葫芦岛', value: 35,
  3563. address:'二道区东环域路2038号',
  3564. typeName:'联运',
  3565. area:'0.18',
  3566. service:'东北地区'},
  3567. {name: '常熟', value: 36,
  3568. address:'二道区东环域路2038号',
  3569. typeName:'联运',
  3570. area:'0.18',
  3571. service:'东北地区'},
  3572. {name: '东莞', value: 36,
  3573. address:'二道区东环域路2038号',
  3574. typeName:'联运',
  3575. area:'0.18',
  3576. service:'东北地区'},
  3577. {name: '河源', value: 36,
  3578. address:'二道区东环域路2038号',
  3579. typeName:'联运',
  3580. area:'0.18',
  3581. service:'东北地区'},
  3582. {name: '淮安', value: 36,
  3583. address:'二道区东环域路2038号',
  3584. typeName:'联运',
  3585. area:'0.18',
  3586. service:'东北地区'},
  3587. {name: '泰州', value: 36,
  3588. address:'二道区东环域路2038号',
  3589. typeName:'联运',
  3590. area:'0.18',
  3591. service:'东北地区'},
  3592. {name: '南宁', value: 37,
  3593. address:'二道区东环域路2038号',
  3594. typeName:'联运',
  3595. area:'0.18',
  3596. service:'东北地区'},
  3597. {name: '营口', value: 37,
  3598. address:'二道区东环域路2038号',
  3599. typeName:'联运',
  3600. area:'0.18',
  3601. service:'东北地区'},
  3602. {name: '惠州', value: 37,
  3603. address:'二道区东环域路2038号',
  3604. typeName:'联运',
  3605. area:'0.18',
  3606. service:'东北地区'},
  3607. {name: '江阴', value: 37,
  3608. address:'二道区东环域路2038号',
  3609. typeName:'联运',
  3610. area:'0.18',
  3611. service:'东北地区'},
  3612. {name: '蓬莱', value: 37,
  3613. address:'二道区东环域路2038号',
  3614. typeName:'联运',
  3615. area:'0.18',
  3616. service:'东北地区'},
  3617. {name: '韶关', value: 38,
  3618. address:'二道区东环域路2038号',
  3619. typeName:'联运',
  3620. area:'0.18',
  3621. service:'东北地区'},
  3622. {name: '嘉峪关', value: 38,
  3623. address:'二道区东环域路2038号',
  3624. typeName:'联运',
  3625. area:'0.18',
  3626. service:'东北地区'},
  3627. {name: '广州', value: 38,
  3628. address:'二道区东环域路2038号',
  3629. typeName:'联运',
  3630. area:'0.18',
  3631. service:'东北地区'},
  3632. {name: '延安', value: 38,
  3633. address:'二道区东环域路2038号',
  3634. typeName:'联运',
  3635. area:'0.18',
  3636. service:'东北地区'},
  3637. {name: '太原', value: 39,
  3638. address:'二道区东环域路2038号',
  3639. typeName:'联运',
  3640. area:'0.18',
  3641. service:'东北地区'},
  3642. {name: '清远', value: 39,
  3643. address:'二道区东环域路2038号',
  3644. typeName:'联运',
  3645. area:'0.18',
  3646. service:'东北地区'},
  3647. {name: '中山', value: 39,
  3648. address:'二道区东环域路2038号',
  3649. typeName:'联运',
  3650. area:'0.18',
  3651. service:'东北地区'},
  3652. {name: '昆明', value: 39,
  3653. address:'二道区东环域路2038号',
  3654. typeName:'联运',
  3655. area:'0.18',
  3656. service:'东北地区'},
  3657. {name: '寿光', value: 40,
  3658. address:'二道区东环域路2038号',
  3659. typeName:'联运',
  3660. area:'0.18',
  3661. service:'东北地区'},
  3662. {name: '盘锦', value: 40,
  3663. address:'二道区东环域路2038号',
  3664. typeName:'联运',
  3665. area:'0.18',
  3666. service:'东北地区'},
  3667. {name: '长治', value: 41,
  3668. address:'二道区东环域路2038号',
  3669. typeName:'联运',
  3670. area:'0.18',
  3671. service:'东北地区'},
  3672. {name: '深圳', value: 41,
  3673. address:'二道区东环域路2038号',
  3674. typeName:'联运',
  3675. area:'0.18',
  3676. service:'东北地区'},
  3677. {name: '珠海', value: 42,
  3678. address:'二道区东环域路2038号',
  3679. typeName:'联运',
  3680. area:'0.18',
  3681. service:'东北地区'},
  3682. {name: '宿迁', value: 43,
  3683. address:'二道区东环域路2038号',
  3684. typeName:'联运',
  3685. area:'0.18',
  3686. service:'东北地区'},
  3687. {name: '咸阳', value: 43,
  3688. address:'二道区东环域路2038号',
  3689. typeName:'联运',
  3690. area:'0.18',
  3691. service:'东北地区'},
  3692. {name: '铜川', value: 44,
  3693. address:'二道区东环域路2038号',
  3694. typeName:'联运',
  3695. area:'0.18',
  3696. service:'东北地区'},
  3697. {name: '平度', value: 44,
  3698. address:'二道区东环域路2038号',
  3699. typeName:'联运',
  3700. area:'0.18',
  3701. service:'东北地区'},
  3702. {name: '佛山', value: 44,
  3703. address:'二道区东环域路2038号',
  3704. typeName:'联运',
  3705. area:'0.18',
  3706. service:'东北地区'},
  3707. {name: '海口', value: 44,
  3708. address:'二道区东环域路2038号',
  3709. typeName:'联运',
  3710. area:'0.18',
  3711. service:'东北地区'},
  3712. {name: '江门', value: 45,
  3713. address:'二道区东环域路2038号',
  3714. typeName:'联运',
  3715. area:'0.18',
  3716. service:'东北地区'},
  3717. {name: '章丘', value: 45,
  3718. address:'二道区东环域路2038号',
  3719. typeName:'联运',
  3720. area:'0.18',
  3721. service:'东北地区'},
  3722. {name: '肇庆', value: 46,
  3723. address:'二道区东环域路2038号',
  3724. typeName:'联运',
  3725. area:'0.18',
  3726. service:'东北地区'},
  3727. {name: '大连', value: 47,
  3728. address:'二道区东环域路2038号',
  3729. typeName:'联运',
  3730. area:'0.18',
  3731. service:'东北地区'},
  3732. {name: '临汾', value: 47,
  3733. address:'二道区东环域路2038号',
  3734. typeName:'联运',
  3735. area:'0.18',
  3736. service:'东北地区'},
  3737. {name: '吴江', value: 47,
  3738. address:'二道区东环域路2038号',
  3739. typeName:'联运',
  3740. area:'0.18',
  3741. service:'东北地区'},
  3742. {name: '石嘴山', value: 49,
  3743. address:'二道区东环域路2038号',
  3744. typeName:'联运',
  3745. area:'0.18',
  3746. service:'东北地区'},
  3747. {name: '沈阳', value: 50,
  3748. address:'二道区东环域路2038号',
  3749. typeName:'联运',
  3750. area:'0.18',
  3751. service:'东北地区'},
  3752. {name: '苏州', value: 50,
  3753. address:'二道区东环域路2038号',
  3754. typeName:'联运',
  3755. area:'0.18',
  3756. service:'东北地区'},
  3757. {name: '茂名', value: 50,
  3758. address:'二道区东环域路2038号',
  3759. typeName:'联运',
  3760. area:'0.18',
  3761. service:'东北地区'},
  3762. {name: '嘉兴', value: 51,
  3763. address:'二道区东环域路2038号',
  3764. typeName:'联运',
  3765. area:'0.18',
  3766. service:'东北地区'},
  3767. {name: '长春', value: 51,
  3768. address:'二道区东环域路2038号',
  3769. typeName:'联运',
  3770. area:'0.18',
  3771. service:'东北地区'},
  3772. {name: '胶州', value: 52,
  3773. address:'二道区东环域路2038号',
  3774. typeName:'联运',
  3775. area:'0.18',
  3776. service:'东北地区'},
  3777. {name: '银川', value: 52,
  3778. address:'二道区东环域路2038号',
  3779. typeName:'联运',
  3780. area:'0.18',
  3781. service:'东北地区'},
  3782. {name: '张家港', value: 52,
  3783. address:'二道区东环域路2038号',
  3784. typeName:'联运',
  3785. area:'0.18',
  3786. service:'东北地区'},
  3787. {name: '三门峡', value: 53,
  3788. address:'二道区东环域路2038号',
  3789. typeName:'联运',
  3790. area:'0.18',
  3791. service:'东北地区'},
  3792. {name: '锦州', value: 54,
  3793. address:'二道区东环域路2038号',
  3794. typeName:'联运',
  3795. area:'0.18',
  3796. service:'东北地区'},
  3797. {name: '南昌', value: 54,
  3798. address:'二道区东环域路2038号',
  3799. typeName:'联运',
  3800. area:'0.18',
  3801. service:'东北地区'},
  3802. {name: '柳州', value: 54,
  3803. address:'二道区东环域路2038号',
  3804. typeName:'联运',
  3805. area:'0.18',
  3806. service:'东北地区'},
  3807. {name: '三亚', value: 54,
  3808. address:'二道区东环域路2038号',
  3809. typeName:'联运',
  3810. area:'0.18',
  3811. service:'东北地区'},
  3812. {name: '自贡', value: 56,
  3813. address:'二道区东环域路2038号',
  3814. typeName:'联运',
  3815. area:'0.18',
  3816. service:'东北地区'},
  3817. {name: '吉林', value: 56,
  3818. address:'二道区东环域路2038号',
  3819. typeName:'联运',
  3820. area:'0.18',
  3821. service:'东北地区'},
  3822. {name: '阳江', value: 57,
  3823. address:'二道区东环域路2038号',
  3824. typeName:'联运',
  3825. area:'0.18',
  3826. service:'东北地区'},
  3827. {name: '泸州', value: 57,
  3828. address:'二道区东环域路2038号',
  3829. typeName:'联运',
  3830. area:'0.18',
  3831. service:'东北地区'},
  3832. {name: '西宁', value: 57,
  3833. address:'二道区东环域路2038号',
  3834. typeName:'联运',
  3835. area:'0.18',
  3836. service:'东北地区'},
  3837. {name: '宜宾', value: 58,
  3838. address:'二道区东环域路2038号',
  3839. typeName:'联运',
  3840. area:'0.18',
  3841. service:'东北地区'},
  3842. {name: '呼和浩特', value: 58,
  3843. address:'二道区东环域路2038号',
  3844. typeName:'联运',
  3845. area:'0.18',
  3846. service:'东北地区'},
  3847. {name: '成都', value: 58,
  3848. address:'二道区东环域路2038号',
  3849. typeName:'联运',
  3850. area:'0.18',
  3851. service:'东北地区'},
  3852. {name: '大同', value: 58,
  3853. address:'二道区东环域路2038号',
  3854. typeName:'联运',
  3855. area:'0.18',
  3856. service:'东北地区'},
  3857. {name: '镇江', value: 59,
  3858. address:'二道区东环域路2038号',
  3859. typeName:'联运',
  3860. area:'0.18',
  3861. service:'东北地区'},
  3862. {name: '桂林', value: 59,
  3863. address:'二道区东环域路2038号',
  3864. typeName:'联运',
  3865. area:'0.18',
  3866. service:'东北地区'},
  3867. {name: '张家界', value: 59,
  3868. address:'二道区东环域路2038号',
  3869. typeName:'联运',
  3870. area:'0.18',
  3871. service:'东北地区'},
  3872. {name: '宜兴', value: 59,
  3873. address:'二道区东环域路2038号',
  3874. typeName:'联运',
  3875. area:'0.18',
  3876. service:'东北地区'},
  3877. {name: '北海', value: 60,
  3878. address:'二道区东环域路2038号',
  3879. typeName:'联运',
  3880. area:'0.18',
  3881. service:'东北地区'},
  3882. {name: '西安', value: 61,
  3883. address:'二道区东环域路2038号',
  3884. typeName:'联运',
  3885. area:'0.18',
  3886. service:'东北地区'},
  3887. {name: '金坛', value: 62,
  3888. address:'二道区东环域路2038号',
  3889. typeName:'联运',
  3890. area:'0.18',
  3891. service:'东北地区'},
  3892. {name: '东营', value: 62,
  3893. address:'二道区东环域路2038号',
  3894. typeName:'联运',
  3895. area:'0.18',
  3896. service:'东北地区'},
  3897. {name: '牡丹江', value: 63,
  3898. address:'二道区东环域路2038号',
  3899. typeName:'联运',
  3900. area:'0.18',
  3901. service:'东北地区'},
  3902. {name: '遵义', value: 63,
  3903. address:'二道区东环域路2038号',
  3904. typeName:'联运',
  3905. area:'0.18',
  3906. service:'东北地区'},
  3907. {name: '绍兴', value: 63,
  3908. address:'二道区东环域路2038号',
  3909. typeName:'联运',
  3910. area:'0.18',
  3911. service:'东北地区'},
  3912. {name: '扬州', value: 64,
  3913. address:'二道区东环域路2038号',
  3914. typeName:'联运',
  3915. area:'0.18',
  3916. service:'东北地区'},
  3917. {name: '常州', value: 64,
  3918. address:'二道区东环域路2038号',
  3919. typeName:'联运',
  3920. area:'0.18',
  3921. service:'东北地区'},
  3922. {name: '潍坊', value: 65,
  3923. address:'二道区东环域路2038号',
  3924. typeName:'联运',
  3925. area:'0.18',
  3926. service:'东北地区'},
  3927. {name: '重庆', value: 66,
  3928. address:'二道区东环域路2038号',
  3929. typeName:'联运',
  3930. area:'0.18',
  3931. service:'东北地区'},
  3932. {name: '台州', value: 67,
  3933. address:'二道区东环域路2038号',
  3934. typeName:'联运',
  3935. area:'0.18',
  3936. service:'东北地区'},
  3937. {name: '南京', value: 67,
  3938. address:'二道区东环域路2038号',
  3939. typeName:'联运',
  3940. area:'0.18',
  3941. service:'东北地区'},
  3942. {name: '滨州', value: 70,
  3943. address:'二道区东环域路2038号',
  3944. typeName:'联运',
  3945. area:'0.18',
  3946. service:'东北地区'},
  3947. {name: '贵阳', value: 71,
  3948. address:'二道区东环域路2038号',
  3949. typeName:'联运',
  3950. area:'0.18',
  3951. service:'东北地区'},
  3952. {name: '无锡', value: 71,
  3953. address:'二道区东环域路2038号',
  3954. typeName:'联运',
  3955. area:'0.18',
  3956. service:'东北地区'},
  3957. {name: '本溪', value: 71,
  3958. address:'二道区东环域路2038号',
  3959. typeName:'联运',
  3960. area:'0.18',
  3961. service:'东北地区'},
  3962. {name: '克拉玛依', value: 72,
  3963. address:'二道区东环域路2038号',
  3964. typeName:'联运',
  3965. area:'0.18',
  3966. service:'东北地区'},
  3967. {name: '渭南', value: 72,
  3968. address:'二道区东环域路2038号',
  3969. typeName:'联运',
  3970. area:'0.18',
  3971. service:'东北地区'},
  3972. {name: '马鞍山', value: 72,
  3973. address:'二道区东环域路2038号',
  3974. typeName:'联运',
  3975. area:'0.18',
  3976. service:'东北地区'},
  3977. {name: '宝鸡', value: 72,
  3978. address:'二道区东环域路2038号',
  3979. typeName:'联运',
  3980. area:'0.18',
  3981. service:'东北地区'},
  3982. {name: '焦作', value: 75,
  3983. address:'二道区东环域路2038号',
  3984. typeName:'联运',
  3985. area:'0.18',
  3986. service:'东北地区'},
  3987. {name: '句容', value: 75,
  3988. address:'二道区东环域路2038号',
  3989. typeName:'联运',
  3990. area:'0.18',
  3991. service:'东北地区'},
  3992. {name: '北京', value: 79,
  3993. address:'二道区东环域路2038号',
  3994. typeName:'联运',
  3995. area:'0.18',
  3996. service:'东北地区'},
  3997. {name: '徐州', value: 79,
  3998. address:'二道区东环域路2038号',
  3999. typeName:'联运',
  4000. area:'0.18',
  4001. service:'东北地区'},
  4002. {name: '衡水', value: 80,
  4003. address:'二道区东环域路2038号',
  4004. typeName:'联运',
  4005. area:'0.18',
  4006. service:'东北地区'},
  4007. {name: '包头', value: 80,
  4008. address:'二道区东环域路2038号',
  4009. typeName:'联运',
  4010. area:'0.18',
  4011. service:'东北地区'},
  4012. {name: '绵阳', value: 80,
  4013. address:'二道区东环域路2038号',
  4014. typeName:'联运',
  4015. area:'0.18',
  4016. service:'东北地区'},
  4017. {name: '乌鲁木齐', value: 84,
  4018. address:'二道区东环域路2038号',
  4019. typeName:'联运',
  4020. area:'0.18',
  4021. service:'东北地区'},
  4022. {name: '枣庄', value: 84,
  4023. address:'二道区东环域路2038号',
  4024. typeName:'联运',
  4025. area:'0.18',
  4026. service:'东北地区'},
  4027. {name: '杭州', value: 84,
  4028. address:'二道区东环域路2038号',
  4029. typeName:'联运',
  4030. area:'0.18',
  4031. service:'东北地区'},
  4032. {name: '淄博', value: 85,
  4033. address:'二道区东环域路2038号',
  4034. typeName:'联运',
  4035. area:'0.18',
  4036. service:'东北地区'},
  4037. {name: '鞍山', value: 86,
  4038. address:'二道区东环域路2038号',
  4039. typeName:'联运',
  4040. area:'0.18',
  4041. service:'东北地区'},
  4042. {name: '溧阳', value: 86,
  4043. address:'二道区东环域路2038号',
  4044. typeName:'联运',
  4045. area:'0.18',
  4046. service:'东北地区'},
  4047. {name: '库尔勒', value: 86,
  4048. address:'二道区东环域路2038号',
  4049. typeName:'联运',
  4050. area:'0.18',
  4051. service:'东北地区'},
  4052. {name: '安阳', value: 90,
  4053. address:'二道区东环域路2038号',
  4054. typeName:'联运',
  4055. area:'0.18',
  4056. service:'东北地区'},
  4057. {name: '开封', value: 90,
  4058. address:'二道区东环域路2038号',
  4059. typeName:'联运',
  4060. area:'0.18',
  4061. service:'东北地区'},
  4062. {name: '济南', value: 92,
  4063. address:'二道区东环域路2038号',
  4064. typeName:'联运',
  4065. area:'0.18',
  4066. service:'东北地区'},
  4067. {name: '德阳', value: 93,
  4068. address:'二道区东环域路2038号',
  4069. typeName:'联运',
  4070. area:'0.18',
  4071. service:'东北地区'},
  4072. {name: '温州', value: 95,
  4073. address:'二道区东环域路2038号',
  4074. typeName:'联运',
  4075. area:'0.18',
  4076. service:'东北地区'},
  4077. {name: '九江', value: 96,
  4078. address:'二道区东环域路2038号',
  4079. typeName:'联运',
  4080. area:'0.18',
  4081. service:'东北地区'},
  4082. {name: '邯郸', value: 98,
  4083. address:'二道区东环域路2038号',
  4084. typeName:'联运',
  4085. area:'0.18',
  4086. service:'东北地区'},
  4087. {name: '临安', value: 99,
  4088. address:'二道区东环域路2038号',
  4089. typeName:'联运',
  4090. area:'0.18',
  4091. service:'东北地区'},
  4092. {name: '兰州', value: 99,
  4093. address:'二道区东环域路2038号',
  4094. typeName:'联运',
  4095. area:'0.18',
  4096. service:'东北地区'},
  4097. {name: '沧州', value: 100,
  4098. address:'二道区东环域路2038号',
  4099. typeName:'联运',
  4100. area:'0.18',
  4101. service:'东北地区'},
  4102. {name: '临沂', value: 103,
  4103. address:'二道区东环域路2038号',
  4104. typeName:'联运',
  4105. area:'0.18',
  4106. service:'东北地区'},
  4107. {name: '南充', value: 104,
  4108. address:'二道区东环域路2038号',
  4109. typeName:'联运',
  4110. area:'0.18',
  4111. service:'东北地区'},
  4112. {name: '天津', value: 105,
  4113. address:'二道区东环域路2038号',
  4114. typeName:'联运',
  4115. area:'0.18',
  4116. service:'东北地区'},
  4117. {name: '富阳', value: 106,
  4118. address:'二道区东环域路2038号',
  4119. typeName:'联运',
  4120. area:'0.18',
  4121. service:'东北地区'},
  4122. {name: '泰安', value: 112,
  4123. address:'二道区东环域路2038号',
  4124. typeName:'联运',
  4125. area:'0.18',
  4126. service:'东北地区'},
  4127. {name: '诸暨', value: 112,
  4128. address:'二道区东环域路2038号',
  4129. typeName:'联运',
  4130. area:'0.18',
  4131. service:'东北地区'},
  4132. {name: '郑州', value: 113,
  4133. address:'二道区东环域路2038号',
  4134. typeName:'联运',
  4135. area:'0.18',
  4136. service:'东北地区'},
  4137. {name: '哈尔滨', value: 114,
  4138. address:'二道区东环域路2038号',
  4139. typeName:'联运',
  4140. area:'0.18',
  4141. service:'东北地区'},
  4142. {name: '聊城', value: 116,
  4143. address:'二道区东环域路2038号',
  4144. typeName:'联运',
  4145. area:'0.18',
  4146. service:'东北地区'},
  4147. {name: '芜湖', value: 117,
  4148. address:'二道区东环域路2038号',
  4149. typeName:'联运',
  4150. area:'0.18',
  4151. service:'东北地区'},
  4152. {name: '唐山', value: 119,
  4153. address:'二道区东环域路2038号',
  4154. typeName:'联运',
  4155. area:'0.18',
  4156. service:'东北地区'},
  4157. {name: '平顶山', value: 119,
  4158. address:'二道区东环域路2038号',
  4159. typeName:'联运',
  4160. area:'0.18',
  4161. service:'东北地区'},
  4162. {name: '邢台', value: 119,
  4163. address:'二道区东环域路2038号',
  4164. typeName:'联运',
  4165. area:'0.18',
  4166. service:'东北地区'},
  4167. {name: '德州', value: 120,
  4168. address:'二道区东环域路2038号',
  4169. typeName:'联运',
  4170. area:'0.18',
  4171. service:'东北地区'},
  4172. {name: '济宁', value: 120,
  4173. address:'二道区东环域路2038号',
  4174. typeName:'联运',
  4175. area:'0.18',
  4176. service:'东北地区'},
  4177. {name: '荆州', value: 127,
  4178. address:'二道区东环域路2038号',
  4179. typeName:'联运',
  4180. area:'0.18',
  4181. service:'东北地区'},
  4182. {name: '宜昌', value: 130,
  4183. address:'二道区东环域路2038号',
  4184. typeName:'联运',
  4185. area:'0.18',
  4186. service:'东北地区'},
  4187. {name: '义乌', value: 132,
  4188. address:'二道区东环域路2038号',
  4189. typeName:'联运',
  4190. area:'0.18',
  4191. service:'东北地区'},
  4192. {name: '丽水', value: 133,
  4193. address:'二道区东环域路2038号',
  4194. typeName:'联运',
  4195. area:'0.18',
  4196. service:'东北地区'},
  4197. {name: '洛阳', value: 134,
  4198. address:'二道区东环域路2038号',
  4199. typeName:'联运',
  4200. area:'0.18',
  4201. service:'东北地区'},
  4202. {name: '秦皇岛', value: 136,
  4203. address:'二道区东环域路2038号',
  4204. typeName:'联运',
  4205. area:'0.18',
  4206. service:'东北地区'},
  4207. {name: '株洲', value: 143,
  4208. address:'二道区东环域路2038号',
  4209. typeName:'联运',
  4210. area:'0.18',
  4211. service:'东北地区'},
  4212. {name: '石家庄', value: 147,
  4213. address:'二道区东环域路2038号',
  4214. typeName:'联运',
  4215. area:'0.18',
  4216. service:'东北地区'},
  4217. {name: '莱芜', value: 148,
  4218. address:'二道区东环域路2038号',
  4219. typeName:'联运',
  4220. area:'0.18',
  4221. service:'东北地区'},
  4222. {name: '常德', value: 152,
  4223. address:'二道区东环域路2038号',
  4224. typeName:'联运',
  4225. area:'0.18',
  4226. service:'东北地区'},
  4227. {name: '保定', value: 153,
  4228. address:'二道区东环域路2038号',
  4229. typeName:'联运',
  4230. area:'0.18',
  4231. service:'东北地区'},
  4232. {name: '湘潭', value: 154,
  4233. address:'二道区东环域路2038号',
  4234. typeName:'联运',
  4235. area:'0.18',
  4236. service:'东北地区'},
  4237. {name: '金华', value: 157,
  4238. address:'二道区东环域路2038号',
  4239. typeName:'联运',
  4240. area:'0.18',
  4241. service:'东北地区'},
  4242. {name: '岳阳', value: 169,
  4243. address:'二道区东环域路2038号',
  4244. typeName:'联运',
  4245. area:'0.18',
  4246. service:'东北地区'},
  4247. {name: '长沙', value: 175,
  4248. address:'二道区东环域路2038号',
  4249. typeName:'联运',
  4250. area:'0.18',
  4251. service:'东北地区'},
  4252. {name: '衢州', value: 177,
  4253. address:'二道区东环域路2038号',
  4254. typeName:'联运',
  4255. area:'0.18',
  4256. service:'东北地区'},
  4257. {name: '廊坊', value: 170,
  4258. address:'二道区东环域路2038号',
  4259. typeName:'联运',
  4260. area:'0.18',
  4261. service:'东北地区'},
  4262. {name: '菏泽', value: 175,
  4263. address:'二道区东环域路2038号',
  4264. typeName:'联运',
  4265. area:'0.18',
  4266. service:'东北地区'},
  4267. {name: '合肥', value: 180,
  4268. address:'二道区东环域路2038号',
  4269. typeName:'联运',
  4270. area:'0.18',
  4271. service:'东北地区'},
  4272. {
  4273. name: '武汉',
  4274. value: 190,
  4275. address:'二道区东环域路2038号',
  4276. typeName:'联运',
  4277. area:'0.18',
  4278. service:'东北地区'
  4279. },
  4280. {
  4281. name: '大庆',
  4282. value: 150,
  4283. address:'二道区东环域路2038号',
  4284. typeName:'联运',
  4285. area:'0.18',
  4286. service:'东北地区'
  4287. }
  4288. ];
  4289. var geoCoordMap = {
  4290. '海门':[121.15,31.89],
  4291. '鄂尔多斯':[109.781327,39.608266],
  4292. '招远':[120.38,37.35],
  4293. '舟山':[122.207216,29.985295],
  4294. '齐齐哈尔':[123.97,47.33],
  4295. '盐城':[120.13,33.38],
  4296. '赤峰':[118.87,42.28],
  4297. '青岛':[120.33,36.07],
  4298. '乳山':[121.52,36.89],
  4299. '金昌':[102.188043,38.520089],
  4300. '泉州':[118.58,24.93],
  4301. '莱西':[120.53,36.86],
  4302. '日照':[119.46,35.42],
  4303. '胶南':[119.97,35.88],
  4304. '南通':[121.05,32.08],
  4305. '拉萨':[91.11,29.97],
  4306. '云浮':[112.02,22.93],
  4307. '梅州':[116.1,24.55],
  4308. '文登':[122.05,37.2],
  4309. '上海':[121.48,31.22],
  4310. '攀枝花':[101.718637,26.582347],
  4311. '威海':[122.1,37.5],
  4312. '承德':[117.93,40.97],
  4313. '厦门':[118.1,24.46],
  4314. '汕尾':[115.375279,22.786211],
  4315. '潮州':[116.63,23.68],
  4316. '丹东':[124.37,40.13],
  4317. '太仓':[121.1,31.45],
  4318. '曲靖':[103.79,25.51],
  4319. '烟台':[121.39,37.52],
  4320. '福州':[119.3,26.08],
  4321. '瓦房店':[121.979603,39.627114],
  4322. '即墨':[120.45,36.38],
  4323. '抚顺':[123.97,41.97],
  4324. '玉溪':[102.52,24.35],
  4325. '张家口':[114.87,40.82],
  4326. '阳泉':[113.57,37.85],
  4327. '莱州':[119.942327,37.177017],
  4328. '湖州':[120.1,30.86],
  4329. '汕头':[116.69,23.39],
  4330. '昆山':[120.95,31.39],
  4331. '宁波':[121.56,29.86],
  4332. '湛江':[110.359377,21.270708],
  4333. '揭阳':[116.35,23.55],
  4334. '荣成':[122.41,37.16],
  4335. '连云港':[119.16,34.59],
  4336. '葫芦岛':[120.836932,40.711052],
  4337. '常熟':[120.74,31.64],
  4338. '东莞':[113.75,23.04],
  4339. '河源':[114.68,23.73],
  4340. '淮安':[119.15,33.5],
  4341. '泰州':[119.9,32.49],
  4342. '南宁':[108.33,22.84],
  4343. '营口':[122.18,40.65],
  4344. '惠州':[114.4,23.09],
  4345. '江阴':[120.26,31.91],
  4346. '蓬莱':[120.75,37.8],
  4347. '韶关':[113.62,24.84],
  4348. '嘉峪关':[98.289152,39.77313],
  4349. '广州':[113.23,23.16],
  4350. '延安':[109.47,36.6],
  4351. '太原':[112.53,37.87],
  4352. '清远':[113.01,23.7],
  4353. '中山':[113.38,22.52],
  4354. '昆明':[102.73,25.04],
  4355. '寿光':[118.73,36.86],
  4356. '盘锦':[122.070714,41.119997],
  4357. '长治':[113.08,36.18],
  4358. '深圳':[114.07,22.62],
  4359. '珠海':[113.52,22.3],
  4360. '宿迁':[118.3,33.96],
  4361. '咸阳':[108.72,34.36],
  4362. '铜川':[109.11,35.09],
  4363. '平度':[119.97,36.77],
  4364. '佛山':[113.11,23.05],
  4365. '海口':[110.35,20.02],
  4366. '江门':[113.06,22.61],
  4367. '章丘':[117.53,36.72],
  4368. '肇庆':[112.44,23.05],
  4369. '大连':[121.62,38.92],
  4370. '临汾':[111.5,36.08],
  4371. '吴江':[120.63,31.16],
  4372. '石嘴山':[106.39,39.04],
  4373. '沈阳':[123.38,41.8],
  4374. '苏州':[120.62,31.32],
  4375. '茂名':[110.88,21.68],
  4376. '嘉兴':[120.76,30.77],
  4377. '长春':[125.35,43.88],
  4378. '胶州':[120.03336,36.264622],
  4379. '银川':[106.27,38.47],
  4380. '张家港':[120.555821,31.875428],
  4381. '三门峡':[111.19,34.76],
  4382. '锦州':[121.15,41.13],
  4383. '南昌':[115.89,28.68],
  4384. '柳州':[109.4,24.33],
  4385. '三亚':[109.511909,18.252847],
  4386. '自贡':[104.778442,29.33903],
  4387. '吉林':[126.57,43.87],
  4388. '阳江':[111.95,21.85],
  4389. '泸州':[105.39,28.91],
  4390. '西宁':[101.74,36.56],
  4391. '宜宾':[104.56,29.77],
  4392. '呼和浩特':[111.65,40.82],
  4393. '成都':[104.06,30.67],
  4394. '大同':[113.3,40.12],
  4395. '镇江':[119.44,32.2],
  4396. '桂林':[110.28,25.29],
  4397. '张家界':[110.479191,29.117096],
  4398. '宜兴':[119.82,31.36],
  4399. '北海':[109.12,21.49],
  4400. '西安':[108.95,34.27],
  4401. '金坛':[119.56,31.74],
  4402. '东营':[118.49,37.46],
  4403. '牡丹江':[129.58,44.6],
  4404. '遵义':[106.9,27.7],
  4405. '绍兴':[120.58,30.01],
  4406. '扬州':[119.42,32.39],
  4407. '常州':[119.95,31.79],
  4408. '潍坊':[119.1,36.62],
  4409. '重庆':[106.54,29.59],
  4410. '台州':[121.420757,28.656386],
  4411. '南京':[118.78,32.04],
  4412. '滨州':[118.03,37.36],
  4413. '贵阳':[106.71,26.57],
  4414. '无锡':[120.29,31.59],
  4415. '本溪':[123.73,41.3],
  4416. '克拉玛依':[84.77,45.59],
  4417. '渭南':[109.5,34.52],
  4418. '马鞍山':[118.48,31.56],
  4419. '宝鸡':[107.15,34.38],
  4420. '焦作':[113.21,35.24],
  4421. '句容':[119.16,31.95],
  4422. '北京':[116.46,39.92],
  4423. '徐州':[117.2,34.26],
  4424. '衡水':[115.72,37.72],
  4425. '包头':[110,40.58],
  4426. '绵阳':[104.73,31.48],
  4427. '乌鲁木齐':[87.68,43.77],
  4428. '枣庄':[117.57,34.86],
  4429. '杭州':[120.19,30.26],
  4430. '淄博':[118.05,36.78],
  4431. '鞍山':[122.85,41.12],
  4432. '溧阳':[119.48,31.43],
  4433. '库尔勒':[86.06,41.68],
  4434. '安阳':[114.35,36.1],
  4435. '开封':[114.35,34.79],
  4436. '济南':[117,36.65],
  4437. '德阳':[104.37,31.13],
  4438. '温州':[120.65,28.01],
  4439. '九江':[115.97,29.71],
  4440. '邯郸':[114.47,36.6],
  4441. '临安':[119.72,30.23],
  4442. '兰州':[103.73,36.03],
  4443. '沧州':[116.83,38.33],
  4444. '临沂':[118.35,35.05],
  4445. '南充':[106.110698,30.837793],
  4446. '天津':[117.2,39.13],
  4447. '富阳':[119.95,30.07],
  4448. '泰安':[117.13,36.18],
  4449. '诸暨':[120.23,29.71],
  4450. '郑州':[113.65,34.76],
  4451. '哈尔滨':[126.63,45.75],
  4452. '聊城':[115.97,36.45],
  4453. '芜湖':[118.38,31.33],
  4454. '唐山':[118.02,39.63],
  4455. '平顶山':[113.29,33.75],
  4456. '邢台':[114.48,37.05],
  4457. '德州':[116.29,37.45],
  4458. '济宁':[116.59,35.38],
  4459. '荆州':[112.239741,30.335165],
  4460. '宜昌':[111.3,30.7],
  4461. '义乌':[120.06,29.32],
  4462. '丽水':[119.92,28.45],
  4463. '洛阳':[112.44,34.7],
  4464. '秦皇岛':[119.57,39.95],
  4465. '株洲':[113.16,27.83],
  4466. '石家庄':[114.48,38.03],
  4467. '莱芜':[117.67,36.19],
  4468. '常德':[111.69,29.05],
  4469. '保定':[115.48,38.85],
  4470. '湘潭':[112.91,27.87],
  4471. '金华':[119.64,29.12],
  4472. '岳阳':[113.09,29.37],
  4473. '长沙':[113,28.21],
  4474. '衢州':[118.88,28.97],
  4475. '廊坊':[116.7,39.53],
  4476. '菏泽':[115.480656,35.23375],
  4477. '合肥':[117.27,31.86],
  4478. '武汉':[114.31,30.52],
  4479. '大庆':[125.03,46.58]
  4480. };
  4481. var convertData = function (data) {
  4482. var res = [];
  4483. for (var i = 0; i < data.length; i++) {
  4484. var geoCoord = geoCoordMap[data[i].name];
  4485. if (geoCoord) {
  4486. res.push({
  4487. name: data[i].name,
  4488. value: geoCoord.concat(data[i].value)
  4489. });
  4490. }
  4491. }
  4492. return res;
  4493. };
  4494. var option = {
  4495. title: {
  4496. text: '',
  4497. },
  4498. tooltip : {
  4499. show: false,
  4500. trigger: 'item',
  4501. formatter: '{b}<br>{c}',
  4502. },
  4503. bmap: {
  4504. center: [104.114129, 37.550339],
  4505. zoom: 5,
  4506. roam: false, //鼠标缩放
  4507. mapStyle: {
  4508. styleJson: [{
  4509. 'featureType': 'land', //土地颜色;
  4510. 'elementType': 'all',
  4511. 'stylers': {
  4512. 'color': '#f5f3ef'
  4513. }
  4514. },{
  4515. 'featureType': 'water', //水颜色
  4516. 'elementType': 'all',
  4517. 'stylers': {
  4518. 'color': '#a2c1de'
  4519. }
  4520. }, {
  4521. 'featureType': 'railway', //调整铁路颜色
  4522. 'elementType': 'all',
  4523. 'stylers': {
  4524. 'visibility': 'off'
  4525. }
  4526. }, {
  4527. 'featureType': 'highway', //调整高速道路颜色
  4528. 'elementType': 'all',
  4529. 'stylers': {
  4530. 'color': '#fdfdfd'
  4531. }
  4532. }, {
  4533. 'featureType': 'highway', //调整建筑物标签是否可视
  4534. 'elementType': 'labels',
  4535. 'stylers': {
  4536. 'visibility': 'off'
  4537. }
  4538. }, {
  4539. 'featureType': 'arterial', //调整一些干道颜色
  4540. 'elementType': 'geometry',
  4541. 'stylers': {
  4542. 'color': '#fefefe'
  4543. }
  4544. }, {
  4545. 'featureType': 'arterial',
  4546. 'elementType': 'geometry.fill',
  4547. 'stylers': {
  4548. 'color': '#fefefe'
  4549. }
  4550. }, {
  4551. 'featureType': 'poi',
  4552. 'elementType': 'all',
  4553. 'stylers': {
  4554. 'visibility': 'off'
  4555. }
  4556. }, {
  4557. 'featureType': 'green',
  4558. 'elementType': 'all',
  4559. 'stylers': {
  4560. 'visibility': 'off'
  4561. }
  4562. }, {
  4563. 'featureType': 'subway',
  4564. 'elementType': 'all',
  4565. 'stylers': {
  4566. 'visibility': 'off'
  4567. }
  4568. }, {
  4569. 'featureType': 'manmade',
  4570. 'elementType': 'all',
  4571. 'stylers': {
  4572. 'color': '#d1d1d1'
  4573. }
  4574. }, {
  4575. 'featureType': 'local',
  4576. 'elementType': 'all',
  4577. 'stylers': {
  4578. 'color': '#d1d1d1'
  4579. }
  4580. }, {
  4581. 'featureType': 'arterial',
  4582. 'elementType': 'labels',
  4583. 'stylers': {
  4584. 'visibility': 'off'
  4585. }
  4586. }, {
  4587. 'featureType': 'boundary', //边界颜色
  4588. 'elementType': 'all',
  4589. 'stylers': {
  4590. 'color': '#bcab78'
  4591. }
  4592. }, {
  4593. 'featureType': 'building', //建筑颜色
  4594. 'elementType': 'all',
  4595. 'stylers': {
  4596. 'color': '#d1d1d1'
  4597. }
  4598. }, {
  4599. 'featureType': 'label', //地名颜色;
  4600. 'elementType': 'labels.text.fill',
  4601. 'stylers': {
  4602. 'color': '#898989'
  4603. }
  4604. }]
  4605. }
  4606. },
  4607. series : [
  4608. {
  4609. name: 'pm2.5',
  4610. type: 'scatter',
  4611. coordinateSystem: 'bmap',
  4612. data: convertData(data),
  4613. hoverAnimation: false, //hover动画;
  4614. symbolSize: function (val) {
  4615. return val[2] / 10;
  4616. },
  4617. label: {
  4618. normal: {
  4619. formatter: '{b}',
  4620. position: 'right',
  4621. show: false
  4622. },
  4623. emphasis: {
  4624. show: false
  4625. }
  4626. },
  4627. itemStyle: {
  4628. normal: {
  4629. color: '#de1300'
  4630. }
  4631. }
  4632. }
  4633. ]
  4634. };
  4635. myChart.setOption(option);
  4636. // 获取百度地图实例,使用百度地图自带的控件
  4637. var bmap = myChart.getModel().getComponent('bmap').getBMap();
  4638. bmap.addControl(new BMap.NavigationControl()); //左侧缩放;
  4639. bmap.enableDragging(); //开启拖拽
  4640. var opts = {
  4641. offset: {height:-5,width:5},
  4642. width : 250, // 信息窗口宽度
  4643. height: 150, // 信息窗口高度
  4644. title : "" , // 信息窗口标题
  4645. enableMessage:true//设置允许信息窗发送短息
  4646. };
  4647. for(var i=0;i<data.length;i++){
  4648. var icon = new BMap.Icon('../images/ico.png', new BMap.Size(10, 10), {
  4649. anchor: new BMap.Size(5, 5)
  4650. });
  4651. var marker = new BMap.Marker(new BMap.Point(geoCoordMap[data[i].name][0],geoCoordMap[data[i].name][1]),{icon: icon}); // 创建标注
  4652. var content = "<b>"+data[i].name+"</b><br><br>" +
  4653. "园区地址:"+ data[i].address +"<br>" +
  4654. "园区类型:"+ data[i].typeName +"<br>" +
  4655. "园区面积:"+ data[i].area +"<br>" +
  4656. "入驻企业:"+ data[i].value +"家<br>"+
  4657. "服务范围:"+ data[i].service;
  4658. bmap.addOverlay(marker); // 将标注添加到地图中
  4659. addClickHandler(content,marker);
  4660. }
  4661. function addClickHandler(content,marker){
  4662. marker.addEventListener("mouseover",function(e){
  4663. openInfo(content,e);
  4664. });
  4665. marker.addEventListener("mouseout",function(e){
  4666. bmap.closeInfoWindow(); //关闭信息窗口
  4667. });
  4668. }
  4669. function openInfo(content,e){
  4670. var p = e.target;
  4671. var point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
  4672. var infoWindow = new BMap.InfoWindow(content,opts); // 创建信息窗口对象
  4673. bmap.openInfoWindow(infoWindow,point); //开启信息窗口
  4674. }
  4675. }
  4676. //操作按钮
  4677. $('.t_btn0').click(function () {
  4678. $('.center_text').css('display', 'none');
  4679. $('.t_cos0').css('display', 'block');
  4680. echart_map();
  4681. });
  4682. $('.t_btn1').click(function () {
  4683. $('.center_text').css('display', 'none');
  4684. $('.t_cos1').css('display', 'block');
  4685. echart_2();
  4686. });
  4687. $('.t_btn2').click(function(){
  4688. $('.center_text').css('display', 'none');
  4689. $('.t_cos2').css('display', 'block');
  4690. echart_0();
  4691. });
  4692. $('.t_btn3').click(function(){
  4693. $('.center_text').css('display', 'none');
  4694. $('.t_cos3').css('display', 'block');
  4695. echart_4();
  4696. });
  4697. $('.t_btn4').click(function(){
  4698. $('.center_text').css('display', 'none');
  4699. $('.t_cos6').css('display', 'block');
  4700. echart_6();
  4701. });
  4702. $('.t_btn5').click(function(){
  4703. $('.center_text').css('display', 'none');
  4704. $('.t_cos4').css('display', 'block');
  4705. echart_1();
  4706. });
  4707. $('.t_btn6').click(function(){
  4708. $('.center_text').css('display', 'none');
  4709. $('.t_cos5').css('display', 'block');
  4710. echart_3();
  4711. });
  4712. $('.t_btn7').click(function(){
  4713. $('.center_text').css('display', 'none');
  4714. $('.t_cos7').css('display', 'block');
  4715. echart_7();
  4716. });
  4717. $('.t_btn8').click(function(){
  4718. $('.center_text').css('display', 'none');
  4719. $('.t_cos8').css('display', 'block');
  4720. echart_8();
  4721. });
  4722. $('.t_btn9').click(function(){
  4723. $('.center_text').css('display', 'none');
  4724. $('.t_cos9').css('display', 'block');
  4725. echart_9();
  4726. });
  4727. $('.t_btn10').click(function(){
  4728. $('.center_text').css('display', 'none');
  4729. $('.t_cos10').css('display', 'block');
  4730. echart_10();
  4731. });
  4732. $('.t_btn11').click(function(){
  4733. $('.center_text').css('display', 'none');
  4734. $('.t_cos11').css('display', 'block');
  4735. echart_11();
  4736. });
  4737. $('.t_btn12').click(function(){
  4738. $('.center_text').css('display', 'none');
  4739. $('.t_cos12').css('display', 'block');
  4740. echart_12();
  4741. });
  4742. $('.t_btn13').click(function(){
  4743. $('.center_text').css('display', 'none');
  4744. $('.t_cos13').css('display', 'block');
  4745. echart_13();
  4746. });
  4747. $('.t_btn14').click(function(){
  4748. $('.center_text').css('display', 'none');
  4749. $('.t_cos14').css('display', 'block');
  4750. echart_14();
  4751. });
  4752. //获取地址栏参数
  4753. $(function(){
  4754. function getUrlParms(name){
  4755. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  4756. var r = window.location.search.substr(1).match(reg);
  4757. if(r!=null)
  4758. return unescape(r[2]);
  4759. return null;
  4760. }
  4761. var id = getUrlParms("id");
  4762. if(id == 2){
  4763. $('.center_text').css('display', 'none');
  4764. $('.t_cos10').css('display', 'block');
  4765. echart_10();
  4766. }
  4767. if(id == 3){
  4768. $('.center_text').css('display', 'none');
  4769. $('.t_cos11').css('display', 'block');
  4770. echart_11();
  4771. }
  4772. if(id == 4){
  4773. $('.center_text').css('display', 'none');
  4774. $('.t_cos1').css('display', 'block');
  4775. echart_2();
  4776. }
  4777. if(id == 5){
  4778. $('.center_text').css('display', 'none');
  4779. $('.t_cos6').css('display', 'block');
  4780. echart_6();
  4781. }
  4782. if(id == 6){
  4783. $('.center_text').css('display', 'none');
  4784. $('.t_cos4').css('display', 'block');
  4785. echart_1();
  4786. }
  4787. if(id == 7){
  4788. $('.center_text').css('display', 'none');
  4789. $('.t_cos8').css('display', 'block');
  4790. echart_8();
  4791. }
  4792. if(id == 8){
  4793. $('.center_text').css('display', 'none');
  4794. $('.t_cos12').css('display', 'block');
  4795. echart_12();
  4796. }
  4797. if(id == 9){
  4798. $('.center_text').css('display', 'none');
  4799. $('.t_cos13').css('display', 'block');
  4800. echart_13();
  4801. }
  4802. });
  4803. });