index.js 185 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363
  1. let app = new Vue({
  2. el: "#app",
  3. data () {
  4. return {
  5. count: 0, //重点项目两线指标轮到哪个
  6. list: [], //重点项目两线指标数组
  7. countType: 0, //重点项目两线指标数组
  8. mapShow: false, // false为中国地图 true为山西地图
  9. titleUrl: '',// 标题弹窗显示的内容
  10. titleName: '', // 弹窗的名字显示
  11. leftEcharts1: "",
  12. leftEcharts2: "",
  13. leftEcharts3: "",
  14. leftEcharts4: "",
  15. leftEcharts5: "",
  16. leftEcharts6: "",
  17. leftEcharts7: "",
  18. leftEcharts8: "",
  19. leftEcharts9: "",
  20. leftEcharts10: "",
  21. leftEcharts11: "",
  22. leftEcharts12: '',
  23. leftEcharts13: '',
  24. leftEcharts14: '',
  25. leftEcharts15: '',
  26. leftEcharts17: '', //投资产业分布中间的水球图
  27. leftEcharts18: '', //单个柱状图弹窗
  28. tipShow1: false, // 标题弹窗显示
  29. tipShow2: false, // 单柱状图弹窗
  30. stageTitle: '', // 投资阶段分析圆环图内容
  31. stageTitle2: '', // 投资阶段分析圆环图内容
  32. echartR2Fd: true, // 投后进度成本偏差防抖
  33. leftEcharts16: '', // 中国地图背景地球
  34. rightEcharts1: '', // 投后进度成本偏差
  35. shanxiMap: "", // 山西地图
  36. chinaMap: '', // 中国地图
  37. industryProportion: 1, // 主辅业占比轮播
  38. industryLayout: 0, //产业布局分析
  39. time1: "", // 4秒定时器
  40. time2: "", // 针对投前产业布局分析的定时器
  41. projectNum: 0, // 项目阶段分析指示器
  42. projecList: [ //项目阶段分析内容距离
  43. [
  44. { name: '特别监管', value: '14', value2: '12.05' },
  45. { name: '备案', value: '27', value2: '23.86' },
  46. { name: '项目储备', distance: '250px' }
  47. ],
  48. [
  49. { name: '特别监管', value: '2', value2: '1.25' },
  50. { name: '备案', value: '1', value2: '1.05' },
  51. { name: '项目立项', distance: '370px' }
  52. ],
  53. [
  54. { name: '特别监管', value: '10', value2: '32.69' },
  55. { name: '备案', value: '14', value2: '18.46' },
  56. { name: '科研论证', distance: '490px' }
  57. ],
  58. [
  59. { name: '特别监管', value: '15', value2: '28.53' },
  60. { name: '备案', value: '40', value2: '38.86' },
  61. { name: '投资决策', distance: '610px' }
  62. ],
  63. [
  64. { name: '特别监管', value: '9', value2: '6.49' },
  65. { name: '备案', value: '39', value2: '8.08' },
  66. { name: '项目储备', distance: '350px' }
  67. ],
  68. [
  69. { name: '特别监管', value: '12', value2: '12.63' },
  70. { name: '备案', value: '7', value2: '1.83' },
  71. { name: '项目立项', distance: '470px' }
  72. ],
  73. [
  74. { name: '特别监管', value: '2', value2: '0.10' },
  75. { name: '备案', value: '19', value2: '1.01' },
  76. { name: '科研论证', distance: '590px' }
  77. ],
  78. [
  79. { name: '特别监管', value: '27', value2: '15.52' },
  80. { name: '备案', value: '73', value2: '17.65' },
  81. { name: '投资决策', distance: '710px' }
  82. ],
  83. ],
  84. storageRecordConfig: {
  85. waitTime: "10000",
  86. hoverPause: true,
  87. header: ["企业集团", "项目名 ", "投资总额"],
  88. headerHeight: 80,
  89. headerBGC: '#69C0FF20',
  90. oddRowBGC: '#011e4800',
  91. evenRowBGC: '#69C0FF20',
  92. // oddRowBGC: '#05507b33',
  93. rowNum: 6,
  94. columnWidth: [150, 450, 150],
  95. align: ["center", "center", "center"],
  96. data: [
  97. ['华阳新材', '华钠铜(碳)年产万吨级钠离子电池正负极材料项目', '11.42亿'],
  98. ['太重集团', '太重退城入园智能高端装备生产线升级改造项目', '18.11亿'],
  99. ['太重集团', '太重智能高端液压挖掘机项目', '17.82亿'],
  100. ['太重集团', '太重(大同)高端起重机产业基地二期项目', '1.62亿'],
  101. ['太重集团', '太重液压挖掘机四轮一带项目', '4.00亿'],
  102. ['太重集团', '太重中大型工程起重机智能制造项目', '8.30亿'],
  103. ['太重集团', '太重高端工程机械齿轮箱智能制造项目', '3.55亿'],
  104. ['云时代', '侯马北铜年处理铜精矿150万吨综合回收项目', '27.70亿'],
  105. ['交控集团', '山西固废资源化利用交通科技园项目', '2.00亿'],
  106. ['云时代', '北方铜业铜矿峪矿园子沟尾矿库项目', '16.73亿'],
  107. ['山西建投', '山西综改示范区潇河产业园区建筑垃圾资源化处理项目', '3.90亿'],
  108. ['云时代', '山西北铜高性能压延铜带箔和覆铜板项目', '23.96亿'],
  109. ['大地控股', '大地控股忻州新店年产800万吨精品砂石骨料项目', '8.70亿'],
  110. ['山西建投', '山西建投晋西北建筑产业园区项目', '6.71亿'],
  111. ['山西建投', '山西建投长治建筑产业园区一期项目', '4.98亿'],
  112. ['汾酒集团', '汾青基地2万吨原酒酿造一期项目', '14.80亿'],
  113. ['文旅集团', '忻州清凉湾温泉康养项目', '9.34亿'],
  114. ['交控集团', '山西路桥数字化交通产业园(南区)项目', '32.10亿'],
  115. ['山西建投', '山西农谷智慧冷链物流园项目', '5.49亿'],
  116. ['华新燃气', '大同液化调峰储备集散中心二期项目', '1.50亿'],
  117. ['神农科技', '天镇万头奶牛智慧牧场项目', '5.67亿'],
  118. ['晋能控股', '阳泉郊区西上庄煤矿项目', '52.56亿'],
  119. ['华阳新材', '和顺泊里矿井及选煤厂项目', '67.00亿'],
  120. ['华阳新材', '寿阳七元煤矿项目', '50.77亿'],
  121. ['山西焦煤', '沁源中峪煤矿项目', '87.69亿'],
  122. ['晋能控股', '晋城兴唐车寨煤矿及选煤厂项目', '27.52亿'],
  123. ['晋能控股', '阳城龙湾矿井及选煤厂项目', '69.28亿'],
  124. ['晋能控股', '沁水东大矿井及选煤厂项目', '62.46亿'],
  125. ['晋能控股', '沁水郑庄矿井及选煤厂项目', '83.06亿'],
  126. ['山西焦煤', '乡宁谭坪煤矿一期项目', '56.62亿'],
  127. ['山西焦煤', '灵石灵北煤矿及选煤厂项目', '66.27亿'],
  128. ['晋能控股', '晋控电力同热三期2x100万千瓦“上大压小”煤电项目', '72.67亿'],
  129. ['山西焦煤', '山煤集团河曲2x35万千万低热值煤发电项目', '33.30亿'],
  130. ['华阳新材', '西上庄低热值煤发电项目', '53.85亿'],
  131. ['华新燃气', '阳城煤层气集输中心(町店配气站二期扩容改造)项目', '2.50亿'],
  132. ['交控集团', '高速公路充电桩建设项目', '3.10亿'],
  133. ['交控集团', '三个一号旅游公路和“四好农村路”沿线充电桩建设项目', '7.10亿'],
  134. ['山西建投', '山西省静态交通大数据平台项目', '1.00亿'],
  135. ['华远陆港', '集宁经大同至原平铁路项目', '248.21亿'],
  136. ['华远陆港', '雄安新区至忻州高速铁路山西段项目', '192.06亿'],
  137. ['华远陆港', '阳涉铁路开通客运服务项目', '6.60亿'],
  138. ['交控集团', '昔阳(晋冀界)至榆次高速公路项目', '209.86亿'],
  139. ['交控集团', '青银二广高速公路太原联络线项目', '72.88亿'],
  140. ['交控集团', '晋阳高速公路改扩建工程', '62.02亿'],
  141. ['交控集团', '青兰国家高速公路长治至延安联络线(G2211)山西境黎城至霍州段项目', '231.10亿'],
  142. ['交控集团', '汾阳至石楼高速公路项目', '117.14亿'],
  143. ['交控集团', '呼北国家高速公路离石至隰县段项目', '104.90亿'],
  144. ['交控集团', '临汾至沁水高速公路临汾至浮山段项目', '19.70亿'],
  145. ['交控集团', 'G108线重点路段新建改建工程(含2个子项目)', '130.19亿'],
  146. ['交控集团', '国道241、省道岚马线汾河水库段改线工程', '41.71'],
  147. ['交控集团', 'G241阳方口至朔州段和G336朔州至平鲁段公路改扩建工程PPP项目', '16.38亿'],
  148. ['交控集团', 'G336线应县罗庄至朔城区东榆林改扩建工程', '23.17亿'],
  149. ['航产集团', '太原武宿(国际)机场三期改扩建项目', '239.28亿'],
  150. ['航产集团', '太原武宿(国际)机场三期改扩建综合交通中心配套项目', '7.62亿'],
  151. ['山西建投', '大盂产业新城标准化厂房基础设施一期项目', '11.63亿'],
  152. ['水控集团', '滹沱河供水工程', '12.80亿'],
  153. ['水控集团', '全省县域水网及城乡供水一体化首批项目', '240.00亿'],
  154. ['水控集团', '小浪底引黄(灌区、工业及城镇生活供水)工程', '27.30亿'],
  155. ['水控集团', '阳泉龙华口调水工程', '20.30亿'],
  156. ['水控集团', '万家寨引黄北干支线工程', '15.63亿'],
  157. ['水控集团', '万家寨引黄入晋总干线南干线泵站二期扩机项目', '15.00亿'],
  158. ['交控集团', '智慧交通山西省实验室项目', '1.20亿'],
  159. ['交控集团', '山西隧道与地下工程研究中心项目', '1.50亿'],
  160. ['华舰体育', '山西体育职业学院新校区项目', '12.76亿'],
  161. ['华舰体育', '屯留沙家庄航空产教融合实训基地项目', '2.08亿'],
  162. ['太重集团', '太重智能高端装备产业园区基础设施及厂房配套项目', '55.87亿'],
  163. ['交控集团', '山西综改示范区中小企业产业园一期项目', '13.70亿'],
  164. ['山西焦煤', '临县三交一号煤矿项目', '80.53亿'],
  165. ['山西焦煤', '中阳吴家峁矿井及选煤厂项目', '60.21亿'],
  166. ['华阳新材', '华阳云冈千吨级高性能碳纤维一期示范项目', '6.40亿']
  167. ],
  168. },
  169. storageRecordConfig2: {
  170. header: ['企业集团', '项目名称', '投资金额'],
  171. headerBGC: '#69C0FF20',
  172. oddRowBGC: '#011e4800',
  173. evenRowBGC: '#69C0FF20',
  174. headerHeight: '80',
  175. rowNum: 6,
  176. // columnWidth: [250],
  177. align: ['center', 'center', 'center'],
  178. data: dataList2
  179. },
  180. meansList: [
  181. {
  182. label: "初步设计",
  183. value: "106",
  184. },
  185. {
  186. label: "详细设计",
  187. value: "103",
  188. },
  189. {
  190. label: "施工",
  191. value: "62",
  192. },
  193. {
  194. label: "完工",
  195. value: "35",
  196. },
  197. {
  198. label: "验收",
  199. value: "42",
  200. },
  201. {
  202. label: "结算",
  203. value: "33",
  204. },
  205. ],
  206. stockRightList: [
  207. {
  208. label: "前期准备",
  209. value: "17",
  210. },
  211. {
  212. label: "变更登记",
  213. value: "43",
  214. },
  215. ],
  216. costList: [
  217. {
  218. num: 160,
  219. value: 500,
  220. status: "正偏差",
  221. },
  222. {
  223. num: 28,
  224. value: 264,
  225. status: "容差内",
  226. },
  227. {
  228. num: 103,
  229. value: 182,
  230. status: "负偏差",
  231. },
  232. ],
  233. investData: {
  234. investList: [
  235. {
  236. name: "大地控股",
  237. yse: "189.07",
  238. yqhte: "121.59",
  239. czrde: "189.07",
  240. jse: "121.59",
  241. fke: "189.07",
  242. url: "./img/logos/logo15.png",
  243. },
  244. {
  245. name: "云时代",
  246. yse: "385.25",
  247. yqhte: "224.89",
  248. czrde: "385.25",
  249. jse: "224.89",
  250. fke: "385.25",
  251. url: "./img/logos/logo16.png",
  252. },
  253. {
  254. name: "华舰体育",
  255. yse: "82.95",
  256. yqhte: "71.34",
  257. czrde: "82.95",
  258. jse: "71.34",
  259. fke: "82.95",
  260. url: "./img/logos/logo17.png",
  261. },
  262. {
  263. name: "神农科技",
  264. yse: "26.79",
  265. yqhte: "9.64",
  266. czrde: "121.59",
  267. jse: "120.13",
  268. fke: "36.4",
  269. url: "./img/logos/logo18.png",
  270. },
  271. {
  272. name: "山西焦煤",
  273. yse: "31.83",
  274. yqhte: "25.20",
  275. czrde: "31.83",
  276. jse: "25.20",
  277. fke: "31.83",
  278. url: "./img/logos/logo1.png",
  279. },
  280. {
  281. name: "晋能控股",
  282. yse: "26.79",
  283. yqhte: "9.64",
  284. czrde: "121.59",
  285. jse: "120.13",
  286. fke: "36.4",
  287. url: "./img/logos/logo2.png",
  288. },
  289. {
  290. name: "华阳新材",
  291. yse: "80.01",
  292. yqhte: "42.46",
  293. czrde: "80.01",
  294. jse: "42.46",
  295. fke: "80.01",
  296. url: "./img/logos/logo3.png",
  297. },
  298. {
  299. name: "潞安化工",
  300. yse: "26.79",
  301. yqhte: "9.64",
  302. czrde: "121.59",
  303. jse: "120.13",
  304. fke: "36.4",
  305. url: "./img/logos/logo4.png",
  306. },
  307. {
  308. name: "华新燃气",
  309. yse: "97.57",
  310. yqhte: "112.67",
  311. czrde: "97.57",
  312. jse: "112.67",
  313. fke: "97.57",
  314. url: "./img/logos/logo5.png",
  315. },
  316. {
  317. name: "太重集团",
  318. yse: "26.79",
  319. yqhte: "9.64",
  320. czrde: "121.59",
  321. jse: "120.13",
  322. fke: "36.4",
  323. url: "./img/logos/logo6.png",
  324. },
  325. {
  326. name: "国际能源",
  327. yse: "46.99",
  328. yqhte: "50.89",
  329. czrde: "46.99",
  330. jse: "50.89",
  331. fke: "46.99",
  332. url: "./img/logos/logo7.png",
  333. },
  334. {
  335. name: "华远陆港",
  336. yse: "26.79",
  337. yqhte: "9.64",
  338. czrde: "121.59",
  339. jse: "120.13",
  340. fke: "36.4",
  341. url: "./img/logos/logo8.png",
  342. },
  343. {
  344. name: "水控集团",
  345. yse: "41.09",
  346. yqhte: "42.67",
  347. czrde: "41.09",
  348. jse: "42.67",
  349. fke: "41.09",
  350. url: "./img/logos/logo9.png",
  351. },
  352. {
  353. name: "文旅集团",
  354. yse: "26.79",
  355. yqhte: "9.64",
  356. czrde: "121.59",
  357. jse: "120.13",
  358. fke: "36.4",
  359. url: "./img/logos/logo10.png",
  360. },
  361. {
  362. name: "交控集团",
  363. yse: "47.05",
  364. yqhte: "23.93",
  365. czrde: "47.05",
  366. jse: "23.93",
  367. fke: "47.05",
  368. url: "./img/logos/logo11.png",
  369. },
  370. {
  371. name: "航产集团",
  372. yse: "26.79",
  373. yqhte: "9.64",
  374. czrde: "121.59",
  375. jse: "120.13",
  376. fke: "36.4",
  377. url: "./img/logos/logo12.png",
  378. },
  379. {
  380. name: "山西建投",
  381. yse: "14.76",
  382. yqhte: "5.84",
  383. czrde: "14.76",
  384. jse: "120.13",
  385. fke: "5.84",
  386. url: "./img/logos/logo13.png",
  387. },
  388. {
  389. name: "汾酒集团",
  390. yse: "26.79",
  391. yqhte: "9.64",
  392. czrde: "121.59",
  393. jse: "120.13",
  394. fke: "36.4",
  395. url: "./img/logos/logo14.png",
  396. },
  397. ],
  398. },
  399. riskData: {
  400. x: [
  401. { name: "大地控股", value: [14, 13, 6, 15, 13, 4] },
  402. { name: "云时代", value: [15, 12, 12, 10, 24, 6] },
  403. { name: "华舰体育", value: [14, 13, 6, 15, 13, 4] },
  404. { name: "神农科技", value: [14, 13, 6, 15, 13, 4] },
  405. { name: "山西焦煤", value: [14, 13, 6, 15, 13, 4] },
  406. { name: "晋能控股", value: [14, 13, 6, 15, 13, 4] },
  407. { name: "华阳新材", value: [14, 13, 6, 15, 13, 4] },
  408. { name: "潞安化工", value: [14, 13, 6, 15, 13, 4] },
  409. { name: "华新燃气", value: [14, 13, 6, 15, 13, 4] },
  410. { name: "太重集团", value: [14, 13, 6, 15, 13, 4] },
  411. { name: "国际能源", value: [14, 13, 6, 15, 13, 4] },
  412. { name: "华远陆港", value: [14, 13, 6, 15, 13, 4] },
  413. { name: "水控集团", value: [14, 13, 6, 15, 13, 4] },
  414. { name: "文旅集团", value: [14, 13, 6, 15, 13, 4] },
  415. { name: "交控集团", value: [14, 13, 6, 15, 13, 4] },
  416. { name: "航产集团", value: [14, 13, 6, 15, 13, 4] },
  417. { name: "山西建投", value: [14, 13, 6, 15, 13, 4] },
  418. { name: "汾酒集团", value: [14, 13, 6, 15, 13, 4] },
  419. ],
  420. y1: [
  421. 12, 11, 20, 22, 12, 34, 32, 12, 23, 23, 12, 13, 12, 11,
  422. 20, 22, 12, 34,
  423. ],
  424. y2: [
  425. 12, 13, 11, 25, 14, 36, 22, 18, 26, 13, 16, 17, 16, 11,
  426. 26, 26, 19, 37,
  427. ],
  428. y3: [
  429. 16, 21, 29, 24, 22, 45, 23, 23, 33, 34, 23, 43, 20, 10,
  430. 20, 20, 23, 45,
  431. ],
  432. },
  433. inner: 0,
  434. innerDeg: 0,
  435. timer: null, // 两秒定时器
  436. witchs: 0,
  437. topIndex: 0,
  438. echartR1Fd1: true,
  439. echartR2Fd2: true,
  440. echartC1Fd1: true,
  441. r3Index: 0,
  442. riskData1: {
  443. x: [
  444. "大地控股",
  445. "云时代",
  446. "华舰体育",
  447. "神农科技",
  448. "山西焦煤",
  449. "晋能控股",
  450. "华阳新材",
  451. "潞安化工",
  452. "华新燃气",
  453. "太重集团",
  454. "国际能源",
  455. "华远陆港",
  456. "水控集团",
  457. "文旅集团",
  458. "交控集团",
  459. "航产集团",
  460. "山西建投",
  461. "汾酒集团",
  462. ],
  463. y1: [
  464. 100, 45, 67, 110, 108, 120, 110, 45, 67, 110, 108, 34, 100, 45, 67,
  465. 110, 108, 34,
  466. ],
  467. y2: [
  468. 120, 50, 67, 130, 56, 233, 100, 78, 98, 100, 120, 78, 120, 90, 56,
  469. 120, 110, 78,
  470. ],
  471. y3: [
  472. 130, 76, 67, 120, 89, 111, 87, 123, 56, 65, 45, 98, 230, 78, 99, 130,
  473. 56, 98,
  474. ],
  475. y4: [
  476. 90, 100, 67, 90, 110, 120, 34, 231, 34, 78, 78, 100, 110, 120, 67, 89,
  477. 78, 110,
  478. ],
  479. y5: [
  480. 110, 110, 67, 110, 120, 95, 78, 45, 120, 110, 98, 233, 100, 45, 67,
  481. 98, 98, 34,
  482. ],
  483. }
  484. };
  485. },
  486. created () { },
  487. beforeDestroy () {
  488. clearInterval(this.timer);
  489. clearInterval(this.time1);
  490. clearInterval(this.time2);
  491. },
  492. mounted () {
  493. this.getUrlParams()
  494. },
  495. methods: {
  496. // 获取地址栏参数
  497. getUrlParams (id) {
  498. let url = window.location.href
  499. // 通过 ? 分割获取后面的参数字符串
  500. let urlStr = url.split('?')[1]
  501. if (!urlStr) {
  502. this.comeIn()
  503. return
  504. }
  505. // 创建空对象存储参数
  506. let obj = {};
  507. // 再通过 & 将每一个参数单独分割出来
  508. let paramsArr = urlStr.split('&')
  509. for (let i = 0, len = paramsArr.length; i < len; i++) {
  510. // 再通过 = 将每一个参数分割为 key:value 的形式
  511. let arr = paramsArr[i].split('=')
  512. obj[arr[0]] = arr[1];
  513. }
  514. if (obj.model) {
  515. obj.model == 'A' || obj.model == 'a' ? this.mockData = false : this.mockData = true
  516. }
  517. obj.env && (this.env = obj.env)
  518. this.goUrl = (obj.env == 'SIT' || obj.env == 'sit') ? '172.21.3.68:8081' : (obj.env == 'UAT' || obj.env == 'uat') ? '172.21.3.149:8081' : '172.21.3.242:8081'
  519. this.accountId = obj.accountid
  520. this.comeIn()
  521. },
  522. comeIn () {
  523. let that = this
  524. this.time4s();
  525. this.timeNs();
  526. this.filterLpData();
  527. this.lpRotate();
  528. setTimeout(() => {
  529. if (that.mapShow) {
  530. that.leftEcharts17Fun()
  531. that.leftEcharts12Fun()
  532. that.leftEcharts14Fun()
  533. that.leftEcharts9Fun()
  534. that.leftEcharts15Fun()
  535. that.leftEcharts13Fun()
  536. that.shanxiEchartsFun()
  537. } else {
  538. that.chinaEchartsFun()
  539. that.leftEcharts16Fun() // 中国地图背景地球
  540. }
  541. this.leftEcharts1Fun();
  542. this.leftEcharts2Fun();
  543. this.leftEcharts3Fun();
  544. this.leftEcharts4Fun();
  545. this.leftEcharts5Fun();
  546. this.leftEcharts6Fun();
  547. this.leftEcharts7Fun();
  548. this.leftEcharts8Fun();
  549. this.leftEcharts10Fun();
  550. this.leftEcharts11Fun();
  551. this.rightEcharts1Fun();
  552. this.initChartR2();
  553. this.initChartR4();
  554. });
  555. },
  556. // 解决除法是去精度
  557. numDiv (num1, num2) {
  558. var baseNum1 = 0, baseNum2 = 0;
  559. var baseNum3, baseNum4;
  560. try {
  561. baseNum1 = num1.toString().split(".")[1].length;
  562. } catch (e) {
  563. baseNum1 = 0;
  564. }
  565. try {
  566. baseNum2 = num2.toString().split(".")[1].length;
  567. } catch (e) {
  568. baseNum2 = 0;
  569. }
  570. with (Math) {
  571. baseNum3 = Number(num1.toString().replace(".", ""));
  572. baseNum4 = Number(num2.toString().replace(".", ""));
  573. return (baseNum3 / baseNum4) * pow(10, baseNum2 - baseNum1);
  574. }
  575. },
  576. // 解决乘法失去精度
  577. numMulti (num1, num2) {
  578. var baseNum = 0;
  579. try {
  580. baseNum += num1.toString().split(".")[1].length;
  581. } catch (e) {
  582. }
  583. try {
  584. baseNum += num2.toString().split(".")[1].length;
  585. } catch (e) {
  586. }
  587. return Number(num1.toString().replace(".", "")) * Number(num2.toString().replace(".", "")) / Math.pow(10, baseNum);
  588. },
  589. // 解决减法失去精度
  590. numSub (num1, num2) {
  591. var baseNum, baseNum1, baseNum2;
  592. var precision;// 精度
  593. try {
  594. baseNum1 = num1.toString().split(".")[1].length;
  595. } catch (e) {
  596. baseNum1 = 0;
  597. }
  598. try {
  599. baseNum2 = num2.toString().split(".")[1].length;
  600. } catch (e) {
  601. baseNum2 = 0;
  602. }
  603. baseNum = Math.pow(10, Math.max(baseNum1, baseNum2));
  604. precision = (baseNum1 >= baseNum2) ? baseNum1 : baseNum2;
  605. return ((num1 * baseNum - num2 * baseNum) / baseNum).toFixed(precision);
  606. },
  607. rightEcharts1Fun () {
  608. let that = this
  609. let sumA = 42
  610. // 所有在100范围外的全部变成0,其他值相应增加/减少sumA
  611. right5.forEach(item => {
  612. item.forEach(item2 => {
  613. if (Number(item2[1]) < 0) {
  614. item2[1] = that.$set(item2, 1, Number(that.numSub(item2[1], sumA)))
  615. } else if (Number(item2[1]) > 0) {
  616. item2[1] = that.$set(item2, 1, Number(item2[1]) + sumA)
  617. }
  618. if (Number(item2[1]) < (-100 - sumA)) {
  619. item2[1] = that.$set(item2, 1, 0)
  620. item2[1] = that.$set(item2, 2, 0)
  621. } else if (Number(item2[1]) > (100 + sumA)) {
  622. item2[1] = that.$set(item2, 1, 0)
  623. item2[1] = that.$set(item2, 2, 0)
  624. }
  625. })
  626. })
  627. const itemStyle = {
  628. // opacity: 0.8,
  629. shadowBlur: 10,
  630. shadowOffsetX: 0,
  631. shadowOffsetY: 0,
  632. shadowColor: 'rgba(0,0,0,0.3)'
  633. };
  634. that.rightEcharts1 = echarts.init(this.$refs['rightEcharts1'])
  635. that.rightEcharts1.on('showTip', (params) => {
  636. // 如果是7或者15并且满足防抖则切换
  637. if ((params.dataIndex == 5 || params.dataIndex == 11) && that.echartR2Fd) {
  638. that.echartR2Fd = false
  639. setTimeout(() => {
  640. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6
  641. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6
  642. that.rightEcharts1.setOption(option);
  643. // 防止勿刷新做的防抖
  644. setTimeout(() => {
  645. that.echartR2Fd = true
  646. }, 2000)
  647. }, 1900);
  648. // 如果是17表示到了最后一个,那么重新来一遍
  649. } else if (params.dataIndex == 17 && that.echartR2Fd) {
  650. that.echartR2Fd = false
  651. setTimeout(() => {
  652. option.dataZoom[0].endValue = 0
  653. option.dataZoom[0].startValue = 5
  654. that.rightEcharts1.setOption(option);
  655. // 防止勿刷新做的防抖
  656. setTimeout(() => {
  657. that.echartR2Fd = true
  658. }, 2000)
  659. }, 1900)
  660. }
  661. })
  662. let option = {
  663. color: [{
  664. type: 'radial', // linear 线性渐变 radial径向渐变
  665. x: 0.5,
  666. y: 0.5,
  667. r: 0.5,
  668. colorStops: [{
  669. offset: 0, color: '#58F7DF' // 0% 处的颜色
  670. }, {
  671. offset: 1, color: '#4ECFBB' // 100% 处的颜色
  672. }]
  673. },
  674. {
  675. type: 'radial', // linear 线性渐变 radial径向渐变
  676. x: 0.5,
  677. y: 0.5,
  678. r: 0.5,
  679. colorStops: [{
  680. offset: 0, color: '#7FD9FF' // 0% 处的颜色
  681. }, {
  682. offset: 1, color: '#40A9FF' // 100% 处的颜色
  683. }]
  684. }, {
  685. type: 'radial', // linear 线性渐变 radial径向渐变
  686. x: 0.5,
  687. y: 0.5,
  688. r: 0.5,
  689. colorStops: [{
  690. offset: 0, color: '#FF9592' // 0% 处的颜色
  691. }, {
  692. offset: 1, color: '#D2706D' // 100% 处的颜色
  693. }]
  694. }
  695. ],
  696. dataZoom: [
  697. {
  698. // start: 9,//默认为@
  699. // end: 100,//黑认认为1@0
  700. type: "slider",
  701. show: false,
  702. // xAxisIndex: [0]
  703. handlesize: 0,//滑动条的 左右2个滑动条的大小
  704. startValue: 5,// 初始显示值
  705. endValue: 0,// 结束显示值
  706. height: 10,//组件高度
  707. left: "5%",
  708. right: "4%",//右边的距离
  709. bottom: "25%",//底边的距离
  710. borderColor: "#939",
  711. fillerColor: "#269cdb",
  712. borderRadius: 5,
  713. backgroundColor: "#33384b",//两边未选中的滑动条区域的额色
  714. showDataShadow: false,//是否显示数据阴影
  715. showDetail: false,//即拖拽时候是否显示详细数值信息
  716. truerealtime: true,//是否实时更新
  717. filterMode: "filter"
  718. }, {
  719. type: 'inside',
  720. show: true,
  721. start: 1,
  722. end: 100,
  723. zoomOnMouseWheel: false, //滚轮是否触发缩放
  724. moveOnMouseMove: false, //鼠标滚轮触发滚动
  725. }
  726. ],
  727. legend: {
  728. selectedMode: false,
  729. top: 10,
  730. data: ['正偏差', '容差', '负偏差'],
  731. textStyle: {
  732. fontSize: 20,
  733. color: '#fff',
  734. fontFamily: 'Microsoft YaHei'
  735. }
  736. },
  737. textStyle: {
  738. color: '#fff',
  739. },
  740. tooltip: {
  741. show: true,
  742. trigger: "axis",
  743. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  744. borderColor: "rgba(50,50,50,0.7)",
  745. textStyle: {
  746. color: "#fff",
  747. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  748. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  749. fontSize: "28", // 文字字体大小
  750. },
  751. formatter: data => {
  752. return `${data[0].value[0]}<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color}"></span> ${data[0].seriesName}:${that.numFormat(data[0].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color}"></span> ${data[1].seriesName}:${that.numFormat(data[1].data[2])}亿<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[2].color}"></span> ${data[2].seriesName}:${that.numFormat(data[2].data[2])}亿`
  753. },
  754. axisPointer: {
  755. // // type: 'cross',',
  756. },
  757. },
  758. grid: {
  759. top: '10%',
  760. right: '7%',
  761. left: '7%',
  762. bottom: '5%',
  763. },
  764. yAxis: {
  765. min: (-101 - sumA),
  766. max: (101 + sumA),
  767. maxInterval: 1,
  768. splitLine: {
  769. show: false,
  770. // interval:,
  771. lineStyle: {
  772. color: '#68b4dd66',
  773. type: 'dashed',
  774. },
  775. },
  776. axisLine: {
  777. show: false
  778. },
  779. axisTick: {
  780. show: false
  781. },
  782. axisLabel: {
  783. show: true,
  784. // formatter: '{value}',
  785. formatter (data) {
  786. if (data == (100 + sumA)) {
  787. return '100%'
  788. } else if (data == (-100 - sumA)) {
  789. return '-100%'
  790. } else if (data == (-5 - sumA)) {
  791. return '-5%'
  792. } else if (data == (5 + sumA)) {
  793. return '5%'
  794. }
  795. },
  796. textStyle: {
  797. color: '#fff',
  798. fontSize: '20',
  799. fontFamily: 'Microsoft YaHei'
  800. },
  801. },
  802. nameTextStyle: {
  803. color: '#fff',
  804. fontSize: 20,
  805. fontFamily: 'Microsoft YaHei'
  806. },
  807. },
  808. xAxis: {
  809. data: commonCompany,
  810. axisLine: {
  811. show: false, //隐藏X轴轴线
  812. lineStyle: {
  813. color: '#005094',
  814. width: 1,
  815. },
  816. },
  817. splitLine: {
  818. show: true,
  819. lineStyle: {
  820. color: '#68b4dd66',
  821. type: 'dashed',
  822. },
  823. },
  824. axisTick: {
  825. show: true, //隐藏X轴刻度
  826. },
  827. axisLabel: {
  828. show: true,
  829. // rotate: 40,
  830. padding: [0, 0, 0, 0],
  831. textStyle: {
  832. color: '#fff', //X轴文字颜色
  833. fontSize: 20,
  834. fontFamily: 'Microsoft YaHei'
  835. },
  836. },
  837. },
  838. series: [
  839. {
  840. name: '正偏差',
  841. type: 'scatter',
  842. itemStyle: itemStyle,
  843. data: right5[0],
  844. symbolSize: function (data) {
  845. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  846. return 40;
  847. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  848. return 70;
  849. } else if (data[2] > 100) {
  850. return 100;
  851. }
  852. },
  853. markLine: {
  854. symbol: 'none',
  855. data: [
  856. {
  857. name: '100%',
  858. yAxis: 100 + sumA,
  859. lineStyle: {
  860. // color: '#fff',
  861. },
  862. label: {
  863. show: false,
  864. formatter: '{b}',
  865. position: 'right',
  866. color: '#fff',
  867. fontSize: 20,
  868. label: {
  869. show: false
  870. }
  871. },
  872. },
  873. {
  874. name: '5%',
  875. yAxis: 5 + sumA,
  876. lineStyle: {
  877. // color: '#fff',
  878. },
  879. label: {
  880. show: false,
  881. formatter: '{b}',
  882. position: 'right',
  883. color: '#fff',
  884. fontSize: 20,
  885. },
  886. },
  887. {
  888. name: '-5%',
  889. yAxis: -5 - sumA,
  890. lineStyle: {
  891. // color: '#fff',
  892. },
  893. label: {
  894. show: false,
  895. formatter: '{b}',
  896. position: 'right',
  897. color: '#fff',
  898. fontSize: 20,
  899. },
  900. },
  901. {
  902. name: '100%',
  903. yAxis: -100 - sumA,
  904. lineStyle: {
  905. // color: '#fff',
  906. },
  907. label: {
  908. show: false,
  909. formatter: '{b}',
  910. position: 'right',
  911. color: '#fff',
  912. fontSize: 20,
  913. },
  914. },
  915. ],
  916. },
  917. },
  918. {
  919. name: '容差',
  920. type: 'scatter',
  921. itemStyle: itemStyle,
  922. data: right5[1],
  923. symbolSize: function (data) {
  924. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  925. return 40;
  926. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  927. return 70;
  928. } else if (data[2] > 100) {
  929. return 100;
  930. }
  931. },
  932. },
  933. {
  934. name: '负偏差',
  935. type: 'scatter',
  936. itemStyle: itemStyle,
  937. data: right5[2],
  938. symbolSize: function (data) {
  939. if ((data[2] > 0 && data[2] < 50) || data[2] == 50) {
  940. return 40;
  941. } else if ((data[2] > 50 && data[2] < 100) || data[2] == 100) {
  942. return 70;
  943. } else if (data[2] > 100) {
  944. return 100;
  945. }
  946. },
  947. }
  948. ]
  949. }
  950. that.rightEcharts1.setOption(option)
  951. tools.loopShowTooltip(that.rightEcharts1, option, {
  952. interval: 2000,
  953. loopSeries: true,
  954. })
  955. },
  956. initChartR2 () {
  957. let that = this;
  958. that.right1Chart = echarts.init(this.$refs["echartR2"]);
  959. that.right1Chart.on("showTip", (params) => {
  960. that.r3Index = params.dataIndex;
  961. that.initChartR3();
  962. // 如果是7或者15并且满足防抖则切换
  963. if (
  964. (params.dataIndex == 5 || params.dataIndex == 11) &&
  965. that.echartR1Fd1
  966. ) {
  967. that.echartR1Fd1 = false;
  968. setTimeout(() => {
  969. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  970. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  971. that.right1Chart.setOption(option);
  972. // 防止勿刷新做的防抖
  973. setTimeout(() => {
  974. that.echartR1Fd1 = true;
  975. }, 2000);
  976. }, 1900);
  977. // 如果是17表示到了最后一个,那么重新来一遍
  978. } else if (params.dataIndex == 17 && that.echartR1Fd1) {
  979. that.echartR1Fd1 = false;
  980. setTimeout(() => {
  981. option.dataZoom[0].endValue = 0;
  982. option.dataZoom[0].startValue = 5;
  983. that.right1Chart.setOption(option);
  984. // 防止勿刷新做的防抖
  985. setTimeout(() => {
  986. that.echartR1Fd1 = true;
  987. }, 2000);
  988. }, 1900);
  989. }
  990. });
  991. let option = {
  992. color: [
  993. {
  994. type: "linear",
  995. x: 0,
  996. y: 0,
  997. x2: 0,
  998. y2: 1,
  999. colorStops: [
  1000. {
  1001. offset: 0,
  1002. color: "#07806E", // 0% 处的颜色
  1003. },
  1004. {
  1005. offset: 1,
  1006. color: "#79FFEB", // 100% 处的颜色
  1007. },
  1008. ],
  1009. global: false, // 缺省为 false
  1010. },
  1011. {
  1012. type: "linear",
  1013. x: 0,
  1014. y: 0,
  1015. x2: 0,
  1016. y2: 1,
  1017. colorStops: [
  1018. {
  1019. offset: 0,
  1020. color: "#9F7F00", // 0% 处的颜色
  1021. },
  1022. {
  1023. offset: 1,
  1024. color: "#FBE463", // 100% 处的颜色
  1025. },
  1026. ],
  1027. global: false, // 缺省为 false
  1028. },
  1029. {
  1030. type: "linear",
  1031. x: 0,
  1032. y: 0,
  1033. x2: 0,
  1034. y2: 1,
  1035. colorStops: [
  1036. {
  1037. offset: 0,
  1038. color: "#91231F", // 0% 处的颜色
  1039. },
  1040. {
  1041. offset: 1,
  1042. color: "#F98784", // 100% 处的颜色
  1043. },
  1044. ],
  1045. global: false, // 缺省为 false
  1046. }
  1047. ],
  1048. dataZoom: [
  1049. {
  1050. // start: 9,//默认为@
  1051. // end: 100,//黑认认为1@0
  1052. type: "slider",
  1053. show: false,
  1054. // xAxisIndex: [0]
  1055. handlesize: 0, //滑动条的 左右2个滑动条的大小
  1056. startValue: 5, // 初始显示值
  1057. endValue: 0, // 结束显示值
  1058. height: 10, //组件高度
  1059. left: "5%",
  1060. right: "4%", //右边的距离
  1061. bottom: "25%", //底边的距离
  1062. borderColor: "#939",
  1063. fillerColor: "#269cdb",
  1064. borderRadius: 5,
  1065. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  1066. showDataShadow: false, //是否显示数据阴影
  1067. showDetail: false, //即拖拽时候是否显示详细数值信息
  1068. truerealtime: true, //是否实时更新
  1069. filterMode: "filter",
  1070. },
  1071. {
  1072. type: "inside",
  1073. show: true,
  1074. start: 1,
  1075. end: 100,
  1076. zoomOnMouseWheel: false, //滚轮是否触发缩放
  1077. moveOnMouseMove: false, //鼠标滚轮触发滚动
  1078. },
  1079. ],
  1080. legend: {
  1081. top: 10,
  1082. right: 10,
  1083. textStyle: {
  1084. fontSize: 20,
  1085. color: "#fff",
  1086. fontFamily: "Microsoft YaHei",
  1087. },
  1088. itemStyle: {
  1089. borderCap: "round",
  1090. },
  1091. },
  1092. tooltip: {
  1093. trigger: "item",
  1094. show: true,
  1095. position: "top",
  1096. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1097. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1098. borderColor: "rgba(50,50,50,0.7)",
  1099. textStyle: {
  1100. color: "#fff",
  1101. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  1102. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  1103. fontSize: "28", // 文字字体大小
  1104. },
  1105. formatter: function (p) {
  1106. return `${p.name}<br>低风险:${that.riskData.y1[p.dataIndex]}个<br>
  1107. 中风险:${that.riskData.y2[p.dataIndex]}个<br>
  1108. 高风险:${that.riskData.y3[p.dataIndex]}个<br>
  1109. `
  1110. },
  1111. },
  1112. grid: {
  1113. left: "3%",
  1114. right: "4%",
  1115. bottom: "3%",
  1116. containLabel: true,
  1117. },
  1118. xAxis: [
  1119. {
  1120. type: "category",
  1121. data: that.riskData.x.map((item) => item.name),
  1122. axisLine: {
  1123. show: true,
  1124. lineStyle: {
  1125. color: "rgba(0, 80, 148, .8)",
  1126. },
  1127. },
  1128. axisTick: {
  1129. show: false,
  1130. },
  1131. axisLabel: {
  1132. color: "#fff",
  1133. rotate: 20,
  1134. fontSize: 22,
  1135. },
  1136. },
  1137. ],
  1138. yAxis: [
  1139. {
  1140. type: "value",
  1141. axisLabel: {
  1142. color: "#fff",
  1143. fontSize: 22,
  1144. },
  1145. splitLine: {
  1146. show: true,
  1147. lineStyle: {
  1148. color: "rgba(104, 180, 221, .2)",
  1149. type: "dashed",
  1150. },
  1151. },
  1152. },
  1153. ],
  1154. series: [
  1155. {
  1156. name: "低风险",
  1157. type: "bar",
  1158. stack: "Ad",
  1159. barWidth: 14,
  1160. emphasis: {
  1161. focus: "series",
  1162. },
  1163. itemStyle: {
  1164. barBorderRadius: [15, 15, 15, 15],
  1165. },
  1166. data: that.riskData.y1,
  1167. },
  1168. {
  1169. name: "中风险",
  1170. type: "bar",
  1171. barWidth: 14,
  1172. stack: "Ad",
  1173. itemStyle: {
  1174. barBorderRadius: [15, 15, 15, 15],
  1175. },
  1176. emphasis: {
  1177. focus: "series",
  1178. },
  1179. data: that.riskData.y2,
  1180. },
  1181. {
  1182. name: "高风险",
  1183. type: "bar",
  1184. barWidth: 14,
  1185. stack: "Ad",
  1186. itemStyle: {
  1187. barBorderRadius: [15, 15, 15, 15],
  1188. },
  1189. emphasis: {
  1190. focus: "series",
  1191. },
  1192. data: that.riskData.y3,
  1193. },
  1194. ],
  1195. };
  1196. that.right1Chart.setOption(option);
  1197. tools.loopShowTooltip(that.right1Chart, option, {
  1198. interval: 2000,
  1199. loopSeries: true,
  1200. });
  1201. },
  1202. initChartR3 () {
  1203. let that = this;
  1204. that.right3Chart = echarts.init(this.$refs["echartR3"]);
  1205. let option = {
  1206. radar: {
  1207. // shape: 'circle',
  1208. splitNumber: 3,
  1209. splitLine: {
  1210. lineStyle: {
  1211. color: ["#DD5955", "#39e1d0", "#2e3d45"],
  1212. },
  1213. },
  1214. splitArea: {
  1215. areaStyle: {
  1216. color: [
  1217. "rgba(88,247,223,0.2)",
  1218. "rgba(255, 224, 54, 0.2)",
  1219. "rgba(221,89,85,0.3)",
  1220. ],
  1221. },
  1222. },
  1223. indicator: [
  1224. { name: "安全风险", max: 25 },
  1225. { name: "付款风险", max: 25 },
  1226. { name: "合同风险", max: 25 },
  1227. { name: "结算风险", max: 25 },
  1228. { name: "进度风险", max: 25 },
  1229. { name: "质量风险", max: 25 },
  1230. ],
  1231. },
  1232. series: [
  1233. {
  1234. name: "风险",
  1235. type: "radar",
  1236. symbol: "circle",
  1237. label: {
  1238. show: true,
  1239. formatter: function (params) {
  1240. return params.value;
  1241. },
  1242. fontSize: 24,
  1243. color: "#68BDFF",
  1244. },
  1245. data: [
  1246. {
  1247. value: that.riskData.x[that.r3Index].value,
  1248. areaStyle: {
  1249. color: "#112b75",
  1250. },
  1251. lineStyle: {
  1252. width: 4,
  1253. color: "#60C1FF",
  1254. },
  1255. label: {
  1256. fontSize: 22,
  1257. },
  1258. },
  1259. ],
  1260. },
  1261. ],
  1262. };
  1263. that.right3Chart.setOption(option);
  1264. },
  1265. initChartR4 () {
  1266. let that = this;
  1267. that.right4Chart = echarts.init(this.$refs["echartR4"]);
  1268. that.right4Chart.on("showTip", (params) => {
  1269. // 如果是7或者15并且满足防抖则切换
  1270. if (
  1271. (params.dataIndex == 5 || params.dataIndex == 11) &&
  1272. that.echartR2Fd2
  1273. ) {
  1274. that.echartR2Fd2 = false;
  1275. setTimeout(() => {
  1276. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  1277. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  1278. that.right4Chart.setOption(option);
  1279. // 防止勿刷新做的防抖
  1280. setTimeout(() => {
  1281. that.echartR2Fd2 = true;
  1282. }, 2000);
  1283. }, 1900);
  1284. // 如果是17表示到了最后一个,那么重新来一遍
  1285. } else if (params.dataIndex == 17 && that.echartR2Fd2) {
  1286. that.echartR2Fd2 = false;
  1287. setTimeout(() => {
  1288. option.dataZoom[0].endValue = 0;
  1289. option.dataZoom[0].startValue = 5;
  1290. that.right4Chart.setOption(option);
  1291. // 防止勿刷新做的防抖
  1292. setTimeout(() => {
  1293. that.echartR2Fd2 = true;
  1294. }, 2000);
  1295. }, 1900);
  1296. }
  1297. });
  1298. let option = {
  1299. dataZoom: [
  1300. {
  1301. // start: 9,//默认为@
  1302. // end: 100,//黑认认为1@0
  1303. type: "slider",
  1304. show: false,
  1305. // xAxisIndex: [0]
  1306. handlesize: 0, //滑动条的 左右2个滑动条的大小
  1307. startValue: 5, // 初始显示值
  1308. endValue: 0, // 结束显示值
  1309. height: 10, //组件高度
  1310. left: "5%",
  1311. right: "4%", //右边的距离
  1312. bottom: "25%", //底边的距离
  1313. borderColor: "#939",
  1314. fillerColor: "#269cdb",
  1315. borderRadius: 5,
  1316. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  1317. showDataShadow: false, //是否显示数据阴影
  1318. showDetail: false, //即拖拽时候是否显示详细数值信息
  1319. truerealtime: true, //是否实时更新
  1320. filterMode: "filter",
  1321. },
  1322. {
  1323. type: "inside",
  1324. show: true,
  1325. start: 1,
  1326. end: 100,
  1327. zoomOnMouseWheel: false, //滚轮是否触发缩放
  1328. moveOnMouseMove: false, //鼠标滚轮触发滚动
  1329. },
  1330. ],
  1331. title: {
  1332. text: "企业后评价执行情况",
  1333. left: "center",
  1334. textStyle: {
  1335. color: "#fff",
  1336. fontSize: 32,
  1337. },
  1338. },
  1339. tooltip: {
  1340. trigger: "item",
  1341. show: true,
  1342. position: "top",
  1343. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  1344. borderColor: "rgba(50,50,50,0.7)",
  1345. confine: true,
  1346. textStyle: {
  1347. color: "#fff",
  1348. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  1349. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  1350. fontSize: "28", // 文字字体大小
  1351. },
  1352. formatter: function (p) {
  1353. return `${p.name}<br>应首评项目数:${that.riskData1.y1[p.dataIndex]}个<br>
  1354. 已完成首评项目数:${that.riskData1.y2[p.dataIndex]}个<br>
  1355. 应再评项目数:${that.riskData1.y3[p.dataIndex]}个<br>
  1356. 已完成再评项目数:${that.riskData1.y4[p.dataIndex]}个<br>
  1357. 再评达标项目数:${that.riskData1.y5[p.dataIndex]}个
  1358. `
  1359. },
  1360. },
  1361. legend: {
  1362. show: true,
  1363. textStyle: {
  1364. fontSize: 24,
  1365. color: "rgba(255, 255, 255, .6)",
  1366. },
  1367. inactiveColor: "#fff",
  1368. itemHeight: 20,
  1369. top: "15%",
  1370. backgroundColor: "transparent",
  1371. data: [
  1372. {
  1373. name: "应首评项目数",
  1374. icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWdJREFUOE+N0k8og3EYB/Dvs8P8CSlTxJGD8u+yTYmNm0gJQznIQRxMoV2cXWSKCznIQdk7SkmOEomNg41y4EjURkLZFI/ed3vX+5v82nt4357n9/s8Pe/v9xCST6+fzVHGKAMDAKqT6WsCNi2ElS0Xfak5Ul+tfi77YewBqNcLpH0vTYSOAxc9kFo5wghINus2lJMPOzl8PE6EpX8qC2lmuMmp8CmABn3FVgJ4bIloLggEnwRzRg6F4wSY9fR2J1CUnYieY0DPrgDiUvASA7pF8PGnJXsp4LEC3wx4L4DAY1pLLQq7GVjM5KcJmKC2fc76fNeOtU6GmBDOzYMt04sLmQjt2sUZRyMCjAEYBKNKyxNuAGwUA8vCaBhbcSrMxviwj1JFU7Nk3NC49iqAk+FCObAu3AngfLJCDmpmjgVwNdskB5UjPgHcrvbLQXmXVwD3O1NyYGmeFkD0aF4OCmqHBPAWXhfAL4WqeuKVsFKCAAAAAElFTkSuQmCC",
  1375. },
  1376. {
  1377. name: "已完成首评项目数",
  1378. icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAXFJREFUOE+V0kFLAkEUB/D/G9eW3UN1sFPYNaJAu2R0Coog8mq0fQH1kEVBhz5Ah6CoLhrdE/LqKQo6VZ7SKCKChKRTBRmhbq47oabsZC22h1nem/k93jCP8P0F+E2HQ1dD4NAAGqqn+TUI8YpciCVo8LOaoeoSKOR6GTOSxOFtFLD+OSFtmpI/obqfqFqZ6Wrqr8NNyJHJK4aPtNLDAue0+1vlnzkiHqG5YvYcwGhj08MUhJyuWhgrvyBjFq3uogp0AB2NbFR2o5sctfCNVxDWc1ag/xPQR0tLXqYg6HTBBMd++RXplpZK2Qg4dtq5NAiLNM3v5a6ilALBY4s4rvKKMdLWw4EjU4E0U3s462gwXQ3DMLeJsfpgmCYgsSVTLkSF0bC24r9NcWucHPA1izZnyXpg8vRIAMfjU/ZgLH4ogDNt1h4Mb8YEcLkSsgf9y+sCuNtaswd92qoAHuMb9qBnIiiA55M9e9DpnRfAe/pAAF9gqJXUYWdYUwAAAABJRU5ErkJggg==",
  1379. },
  1380. {
  1381. name: "应再评项目数",
  1382. icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAV5JREFUOE+V0j8oxGEYwPHvo/wMjgyUslAWcTFhMRiEsHLKYDzFKZRBSskgR7mUG29QjpX86QaDwdlwLotiUYpB/gyHPDru9HsPP+c3vL+e530/T8/b+wipb31KrYJ8vAi9QE0qfYqy+vBEsHtKnpM5SS4bC1qW+8amQl26gP0vcPSSQ2fXiFxJsnKhi8PfDtvgsVo0yJZfhwQCP1XOzCn4ZNuvB0BjerO4HNxtn1FsB24vDRZNggRgpdPNXsjL/4wST7AXNEDiv+DxW0slFVDTCvoG8QjcXGS2NKc+hMVsLo0yLFsBzZNnDoHaP9CJWtRn9XDA8WsOHR8PZx+NQhcDqvQhVH3klTMRVu4fWTZGw97Ktl/VHrePyVfRr1myHwhP3xnAM1nkDJbGzw0wOFvpDCa8+waYCTY5g/6esAFCax5n0NI6b4DI7qgzcDeOGSAW9TuD0up+A1zHQwZ4B2JrgI9r4uMDAAAAAElFTkSuQmCC",
  1383. },
  1384. {
  1385. name: "已完成再评项目数",
  1386. icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE9jZICC/1e12Rh4uDIY/jNGMjAw6ECFrzAw/l/O8OXbDEbtq79AYowg4v9jS2mGv3+3MDAwGMAMQKMvMDAz+zDKHn/KCDaZm/skHsUwvRcZfr8zZ/z/0CyX4T/DJBwmowozMuQx/n9gdpyBgcECLsNpycAgXAPhvm1hYPgOkoaDEyANPxkYGNjgQjJbGRiYRSDcv28YGJ54I2v4SUDDWwaGJ17IGr5gcZIV1El/GRjetjMwfD+G5qSHpnkM/xknEufp//mM/2+rsDOwCoGCVZ+ApksMv9+ZERtxFxmYmb3BEYeaNHgyGf7/j2FgYNCEil9nYGRcwvDly3SUpIHslP8PzP4j8xkVTsENhaclZAWvLligaBAzOIFfw9ld1igajN2O4tewar49ioawxIP4NbQ0OqNoqKnfi19DXIoHioZFc3bg12Dt6YOi4ej2Lfg1yBn7o2h4dHYjigYAb0t88hVwEBYAAAAASUVORK5CYII=",
  1387. },
  1388. {
  1389. name: "再评达标项目数",
  1390. icon: "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAAWBJREFUOE+V0k8og2EcwPHvkzVZLLm6KItEzWlclIPbdhGKcsCJwzZFdtgOK+8OimIXTjgoSrisXByUgz8nE4mmXFwlZmuaPXr3r/eZ9sZ7eN9+v/f5/J6n3/MTFJ9wWFpTFqYFjAFdxfSthF1blo1wWHzpOaG/gppszkIM6C4VqPheW8ATCYkXoVdOW7g0WVyy8ZSdHhFYlF4E0SqV1bTEJwKaPAd6S3/aWmHEU4j2Y/D4pJgLHWQAaykd9ENDfSH6SEJkTQGZ/4LkryO1O2DYDbkcHB7DQ6LiSAua9AlQN67SAQl+4Y3KWtt7vq1Os04JuPm04/rrxcUt4M5fnHE00jXMIBgHOor5eyQ7dd+sK6NhPEpAk9IYL4VEuWh5lowLfKE3BUS1RnMwOZtQwNaqwxwMTp0p4Gizzxz0D+0p4PRg1Bw4B1YUED+ZMwctrnkFPF8tm4OmzgkFvN5tK+AHKZh4TU8krdoAAAAASUVORK5CYII=",
  1391. },
  1392. ],
  1393. },
  1394. grid: {
  1395. top: "30%",
  1396. left: "3%",
  1397. right: "4%",
  1398. bottom: "3%",
  1399. containLabel: true,
  1400. },
  1401. xAxis: {
  1402. data: that.riskData1.x,
  1403. type: "category",
  1404. splitLine: {
  1405. show: false,
  1406. },
  1407. alignTicks: true,
  1408. axisLine: {
  1409. show: true,
  1410. lineStyle: {
  1411. color: "rgba(0, 80, 148, .8)",
  1412. },
  1413. },
  1414. axisTick: {
  1415. show: false,
  1416. },
  1417. axisLabel: {
  1418. color: "#fff",
  1419. fontSize: 22,
  1420. rotate: 20,
  1421. },
  1422. },
  1423. yAxis: {
  1424. type: "value",
  1425. splitLine: {
  1426. show: true,
  1427. lineStyle: {
  1428. color: "rgba(104, 180, 221, .2)",
  1429. type: "dashed",
  1430. },
  1431. },
  1432. axisLine: {
  1433. show: false,
  1434. },
  1435. axisTick: {
  1436. show: false,
  1437. },
  1438. axisLabel: {
  1439. color: "#fff",
  1440. fontSize: 22,
  1441. },
  1442. },
  1443. series: [
  1444. {
  1445. type: "bar",
  1446. name: "应首评项目数",
  1447. barWidth: 4,
  1448. barGap: "600%",
  1449. data: that.riskData1.y1,
  1450. label: {
  1451. show: true,
  1452. position: "top",
  1453. formatter: " ",
  1454. width: 6,
  1455. height: 6,
  1456. borderRadius: 50,
  1457. borderWidth: 6,
  1458. borderColor: "#40A9FF",
  1459. backgroundColor: "#fff",
  1460. },
  1461. itemStyle: {
  1462. color: {
  1463. x: 0,
  1464. y: 0,
  1465. x2: 0,
  1466. y2: 1,
  1467. colorStops: [
  1468. {
  1469. offset: 0,
  1470. color: "#40A9FF", // 0% 处的颜色
  1471. },
  1472. {
  1473. offset: 1,
  1474. color: "#092351", // 100% 处的颜色
  1475. },
  1476. ],
  1477. },
  1478. },
  1479. },
  1480. {
  1481. type: "bar",
  1482. name: "已完成首评项目数",
  1483. barGap: "600%",
  1484. barWidth: 4,
  1485. data: that.riskData1.y2,
  1486. label: {
  1487. show: true,
  1488. position: "top",
  1489. formatter: " ",
  1490. width: 6,
  1491. height: 6,
  1492. borderRadius: 50,
  1493. borderWidth: 6,
  1494. borderColor: "#58F7DF",
  1495. backgroundColor: "#fff",
  1496. },
  1497. itemStyle: {
  1498. color: {
  1499. x: 0,
  1500. y: 0,
  1501. x2: 0,
  1502. y2: 1,
  1503. colorStops: [
  1504. {
  1505. offset: 0,
  1506. color: "#58F7DF", // 0% 处的颜色
  1507. },
  1508. {
  1509. offset: 1,
  1510. color: "#092351", // 100% 处的颜色
  1511. },
  1512. ],
  1513. },
  1514. },
  1515. },
  1516. {
  1517. type: "bar",
  1518. name: "应再评项目数",
  1519. barGap: "600%",
  1520. barWidth: 4,
  1521. data: that.riskData1.y3,
  1522. label: {
  1523. show: true,
  1524. position: "top",
  1525. formatter: " ",
  1526. width: 6,
  1527. height: 6,
  1528. borderRadius: 50,
  1529. borderWidth: 6,
  1530. borderColor: "#B78CFF",
  1531. backgroundColor: "#fff",
  1532. },
  1533. itemStyle: {
  1534. color: {
  1535. x: 0,
  1536. y: 0,
  1537. x2: 0,
  1538. y2: 1,
  1539. colorStops: [
  1540. {
  1541. offset: 0,
  1542. color: "#B78CFF", // 0% 处的颜色
  1543. },
  1544. {
  1545. offset: 1,
  1546. color: "#092351", // 100% 处的颜色
  1547. },
  1548. ],
  1549. },
  1550. },
  1551. },
  1552. {
  1553. type: "bar",
  1554. name: "已完成再评项目数",
  1555. barGap: "600%",
  1556. barWidth: 4,
  1557. data: that.riskData1.y4,
  1558. label: {
  1559. show: true,
  1560. position: "top",
  1561. formatter: " ",
  1562. width: 6,
  1563. height: 6,
  1564. borderRadius: 50,
  1565. borderWidth: 6,
  1566. borderColor: "#FFE036",
  1567. backgroundColor: "#fff",
  1568. },
  1569. itemStyle: {
  1570. color: {
  1571. x: 0,
  1572. y: 0,
  1573. x2: 0,
  1574. y2: 1,
  1575. colorStops: [
  1576. {
  1577. offset: 0,
  1578. color: "#FFE036", // 0% 处的颜色
  1579. },
  1580. {
  1581. offset: 1,
  1582. color: "#092351", // 100% 处的颜色
  1583. },
  1584. ],
  1585. },
  1586. },
  1587. },
  1588. {
  1589. type: "bar",
  1590. name: "再评达标项目数",
  1591. barGap: "600%",
  1592. barWidth: 4,
  1593. data: that.riskData1.y5,
  1594. label: {
  1595. show: true,
  1596. position: "top",
  1597. formatter: " ",
  1598. width: 6,
  1599. height: 6,
  1600. borderRadius: 50,
  1601. borderWidth: 6,
  1602. borderColor: "#7784FF",
  1603. backgroundColor: "#fff",
  1604. },
  1605. itemStyle: {
  1606. color: {
  1607. x: 0,
  1608. y: 0,
  1609. x2: 0,
  1610. y2: 1,
  1611. colorStops: [
  1612. {
  1613. offset: 0,
  1614. color: "#7784FF", // 0% 处的颜色
  1615. },
  1616. {
  1617. offset: 1,
  1618. color: "#092351", // 100% 处的颜色
  1619. },
  1620. ],
  1621. },
  1622. },
  1623. },
  1624. ],
  1625. };
  1626. that.right4Chart.setOption(option);
  1627. tools.loopShowTooltip(that.right4Chart, option, {
  1628. interval: 2000,
  1629. loopSeries: true,
  1630. });
  1631. },
  1632. clickItem (index) {
  1633. const angle = 360 / this.investData.investList.length;
  1634. this.witchs = index;
  1635. this.inner = index;
  1636. this.innerDeg = this.witchs * angle;
  1637. this.lpRotate();
  1638. },
  1639. lpRotate () {
  1640. const angle = 360 / this.investData.investList.length;
  1641. clearInterval(this.timer);
  1642. this.timer = setInterval(() => {
  1643. this.inner++;
  1644. this.topIndex++;
  1645. this.topIndex = this.topIndex % 8;
  1646. this.witchs = this.inner % this.investData.investList.length;
  1647. this.innerDeg = this.inner * angle;
  1648. // 项目阶段分析弹窗
  1649. if (this.projectNum < 7) {
  1650. this.projectNum = this.projectNum + 1
  1651. } else {
  1652. this.projectNum = 0
  1653. }
  1654. }, 2000);
  1655. },
  1656. // 转盘计算角度
  1657. filterLpData () {
  1658. const angle = 360 / this.investData.investList.length;
  1659. for (let i in this.investData.investList) {
  1660. this.investData.investList[i].deg = i * angle;
  1661. this.$set(this.investData.investList, i, {
  1662. ...this.investData.investList[i],
  1663. deg: i * angle,
  1664. });
  1665. }
  1666. },
  1667. // 4秒定时器
  1668. time4s () {
  1669. let that = this;
  1670. // 4秒定时器
  1671. this.time1 = setInterval(() => {
  1672. that.industryProportion == 1
  1673. ? (that.industryProportion = 2)
  1674. : (that.industryProportion = 1);
  1675. that.leftEcharts1.dispose();
  1676. that.leftEcharts2.dispose();
  1677. that.leftEcharts3.dispose();
  1678. that.leftEcharts4.dispose();
  1679. that.leftEcharts1Fun();
  1680. that.leftEcharts2Fun();
  1681. that.leftEcharts3Fun();
  1682. that.leftEcharts4Fun();
  1683. }, 4000);
  1684. },
  1685. // 针对投前产业布局分析的定时器
  1686. timeNs () {
  1687. let that = this;
  1688. this.time2 = setInterval(() => {
  1689. if (that.industryLayout < 3) {
  1690. that.industryLayout = that.industryLayout + 1;
  1691. } else {
  1692. that.industryLayout = 0;
  1693. }
  1694. this.time2 && clearInterval(this.time2);
  1695. this.timeNs();
  1696. that.leftEcharts5.dispose();
  1697. that.leftEcharts5Fun();
  1698. }, left1[that.industryLayout].length * 2000);
  1699. },
  1700. // 主辅业占比点击方法
  1701. industryProportionChange (e) {
  1702. let that = this;
  1703. this.industryProportion = e;
  1704. this.time1 && clearInterval(this.time1);
  1705. that.leftEcharts1.dispose();
  1706. that.leftEcharts2.dispose();
  1707. that.leftEcharts3.dispose();
  1708. that.leftEcharts4.dispose();
  1709. that.leftEcharts1Fun();
  1710. that.leftEcharts2Fun();
  1711. that.leftEcharts3Fun();
  1712. that.leftEcharts4Fun();
  1713. this.time4s();
  1714. },
  1715. // 产业布局分析点击方法
  1716. industryLayoutChange (e) {
  1717. this.industryLayout = e;
  1718. this.time2 && clearInterval(this.time2);
  1719. this.leftEcharts5.dispose();
  1720. this.timeNs();
  1721. this.leftEcharts5Fun();
  1722. },
  1723. yuanChange (value) {
  1724. return Number((value / 100000000).toFixed(2));
  1725. },
  1726. // 逢三折断
  1727. numFormat (value) {
  1728. if (!value) return "0";
  1729. // var intPart = Number(value).toFixed(0) // 获取整数部分
  1730. var intPart = parseInt(value); // 获取整数部分
  1731. var intPartFormat = intPart
  1732. .toString()
  1733. .replace(/(\d)(?=(?:\d{3})+$)/g, "$1,"); // 将整数部分逢三一断
  1734. var floatPart = ".00"; // 预定义小数部分
  1735. var value2Array = value.toString().split(".");
  1736. // =2表示数据有小数位
  1737. if (value2Array.length === 2) {
  1738. floatPart = value2Array[1].toString(); // 拿到小数部分
  1739. if (floatPart.length === 1) {
  1740. // 补0
  1741. return intPartFormat + "." + floatPart + "0";
  1742. } else {
  1743. floatPart = floatPart.slice(0, 2);
  1744. return intPartFormat + "." + floatPart;
  1745. }
  1746. } else {
  1747. return intPartFormat;
  1748. }
  1749. },
  1750. leftEcharts1Fun () {
  1751. let that = this;
  1752. this.leftEcharts1 = echarts.init(this.$refs["leftEcharts1"]);
  1753. option = {
  1754. title: {
  1755. text: that.industryProportion == 1 ? "94.4%" : "46.62%",
  1756. x: "center",
  1757. y: "center",
  1758. textStyle: {
  1759. fontWeight: "normal",
  1760. color: "#68BDFF",
  1761. fontSize: "20",
  1762. },
  1763. },
  1764. color: ["#68BDFF", "#254F7F"],
  1765. series: [
  1766. {
  1767. name: "Line 1",
  1768. type: "pie",
  1769. clockWise: true,
  1770. radius: ["80%", "100%"],
  1771. itemStyle: {
  1772. normal: {
  1773. label: {
  1774. show: false,
  1775. },
  1776. labelLine: {
  1777. show: false,
  1778. },
  1779. },
  1780. },
  1781. hoverAnimation: false,
  1782. data: [
  1783. {
  1784. value: 80,
  1785. name: "01",
  1786. itemStyle: {
  1787. normal: {
  1788. label: {
  1789. show: false,
  1790. },
  1791. labelLine: {
  1792. show: false,
  1793. },
  1794. },
  1795. },
  1796. },
  1797. {
  1798. name: "02",
  1799. value: 20,
  1800. },
  1801. ],
  1802. },
  1803. ],
  1804. };
  1805. //轮播
  1806. // tools.loopShowTooltip(leftEcharts1, option, {
  1807. // interval: 2000,
  1808. // loopSeries: true,
  1809. // });
  1810. //注册
  1811. that.leftEcharts1.setOption(option);
  1812. },
  1813. leftEcharts2Fun () {
  1814. let that = this;
  1815. this.leftEcharts2 = echarts.init(this.$refs["leftEcharts2"]);
  1816. let nameList = ["a"];
  1817. let valueList = that.industryProportion == 1 ? [1287.5] : [635.84];
  1818. let total = 1363.88; // 数据总数
  1819. var category = nameList.map((item, index) => {
  1820. return {
  1821. value: valueList[index],
  1822. itemStyle: {
  1823. color: new echarts.graphic.LinearGradient(
  1824. 1,
  1825. 0,
  1826. 0,
  1827. 1,
  1828. [
  1829. {
  1830. offset: 0,
  1831. color: "#40A9FF50",
  1832. },
  1833. {
  1834. offset: 1,
  1835. color: "#40A9FF",
  1836. },
  1837. ],
  1838. false
  1839. ),
  1840. },
  1841. };
  1842. });
  1843. var totalList = [];
  1844. var totalBorderList = [];
  1845. nameList.map((item, index) => {
  1846. totalList.push({
  1847. value: total,
  1848. itemStyle: {
  1849. color: "rgba(51, 147, 236, 0.29)",
  1850. },
  1851. });
  1852. totalBorderList.push({
  1853. value: total,
  1854. itemStyle: {
  1855. borderColor: "rgba(51, 147, 236, 0.29)",
  1856. color: "transparent",
  1857. },
  1858. });
  1859. });
  1860. var datas = [];
  1861. category.forEach((value) => {
  1862. datas.push(value.value);
  1863. });
  1864. option = {
  1865. // backgroundColor: 'rgb(231,238,249)',
  1866. xAxis: {
  1867. max: total,
  1868. splitLine: {
  1869. show: false,
  1870. },
  1871. axisLine: {
  1872. show: false,
  1873. },
  1874. axisLabel: {
  1875. show: false,
  1876. },
  1877. axisTick: {
  1878. show: false,
  1879. },
  1880. },
  1881. grid: {
  1882. left: "0%",
  1883. top: "15%", // 设置条形图的边距
  1884. right: "15%",
  1885. bottom: "5%",
  1886. },
  1887. yAxis: [
  1888. {
  1889. type: "category",
  1890. inverse: false,
  1891. data: nameList,
  1892. axisLine: {
  1893. show: false,
  1894. },
  1895. axisTick: {
  1896. show: false,
  1897. },
  1898. axisLabel: {
  1899. show: false,
  1900. },
  1901. },
  1902. ],
  1903. series: [
  1904. {
  1905. // 内
  1906. type: "bar",
  1907. barWidth: 16,
  1908. barGap: "20%",
  1909. silent: true,
  1910. // label: {
  1911. // normal: {
  1912. // formatter: (item) => {
  1913. // return `${item['name']}:${item['value']} `;
  1914. // },
  1915. // textStyle: {
  1916. // color: 'rgba(105, 120, 136, 1)',
  1917. // fontSize: 14,
  1918. // },
  1919. // position: [0, '-25px'],
  1920. // show: true,
  1921. // },
  1922. // },
  1923. data: category,
  1924. z: 1,
  1925. itemStyle: {
  1926. normal: {
  1927. color: new echarts.graphic.LinearGradient(
  1928. 1,
  1929. 0,
  1930. 0,
  1931. 1,
  1932. [
  1933. {
  1934. offset: 0,
  1935. color: "rgba(81, 193, 156, 1)",
  1936. },
  1937. {
  1938. offset: 1,
  1939. color: "rgba(234, 177, 100, 1)",
  1940. },
  1941. ],
  1942. false
  1943. ),
  1944. },
  1945. },
  1946. animationEasing: "elasticOut",
  1947. },
  1948. {
  1949. // 分隔
  1950. type: "pictorialBar",
  1951. itemStyle: {
  1952. normal: {
  1953. color: "#143362",
  1954. },
  1955. },
  1956. symbolRepeat: "fixed",
  1957. symbolMargin: 8,
  1958. symbol: "rect",
  1959. symbolClip: false,
  1960. symbolSize: [4, 20],
  1961. symbolPosition: "start",
  1962. symbolOffset: [0, -2],
  1963. symbolBoundingData: total,
  1964. data: [total, total, total, total],
  1965. z: 2,
  1966. animationEasing: "elasticOut",
  1967. },
  1968. {
  1969. // label
  1970. type: "pictorialBar",
  1971. symbolBoundingData: total,
  1972. itemStyle: {
  1973. normal: {
  1974. color: "none",
  1975. },
  1976. },
  1977. label: {
  1978. normal: {
  1979. formatter: (params) => {
  1980. var text;
  1981. text = `${((params["data"] * 100) / total).toFixed(2)}亿`;
  1982. return text;
  1983. },
  1984. textStyle: {
  1985. // 图列内容样式
  1986. fontSize: "20",
  1987. fontWeight: 800,
  1988. },
  1989. position: "right",
  1990. offset: [0, -3],
  1991. distance: 10, // 向右偏移位置
  1992. show: true,
  1993. color: "#68BDFF",
  1994. },
  1995. },
  1996. data: datas,
  1997. z: 0,
  1998. },
  1999. {
  2000. name: "外框",
  2001. type: "bar",
  2002. barGap: "-130%", // 设置外框粗细
  2003. data: totalBorderList,
  2004. barWidth: 26,
  2005. itemStyle: {
  2006. normal: {
  2007. // barBorderRadius: [5, 5, 5, 5],
  2008. borderWidth: 1, // 边框宽度
  2009. borderColor: "rgb(51, 147, 236)", // 边框色
  2010. color: "rgb(231,238,249)",
  2011. },
  2012. },
  2013. z: 0,
  2014. },
  2015. ],
  2016. };
  2017. //轮播
  2018. // tools.loopShowTooltip(leftEcharts1, option, {
  2019. // interval: 2000,
  2020. // loopSeries: true,
  2021. // });
  2022. //注册
  2023. that.leftEcharts2.setOption(option);
  2024. },
  2025. leftEcharts3Fun () {
  2026. let that = this;
  2027. this.leftEcharts3 = echarts.init(this.$refs["leftEcharts3"]);
  2028. option = {
  2029. title: {
  2030. text: that.industryProportion == 1 ? "5.6%" : "53.38%",
  2031. x: "center",
  2032. y: "center",
  2033. textStyle: {
  2034. fontWeight: "normal",
  2035. color: "#68BDFF",
  2036. fontSize: "20",
  2037. },
  2038. },
  2039. color: ["#5BDCC8", "#254F7F"],
  2040. series: [
  2041. {
  2042. name: "Line 1",
  2043. type: "pie",
  2044. clockWise: true,
  2045. radius: ["80%", "100%"],
  2046. itemStyle: {
  2047. normal: {
  2048. label: {
  2049. show: false,
  2050. },
  2051. labelLine: {
  2052. show: false,
  2053. },
  2054. },
  2055. },
  2056. hoverAnimation: false,
  2057. data: [
  2058. {
  2059. value: 80,
  2060. name: "01",
  2061. itemStyle: {
  2062. normal: {
  2063. label: {
  2064. show: false,
  2065. },
  2066. labelLine: {
  2067. show: false,
  2068. },
  2069. },
  2070. },
  2071. },
  2072. {
  2073. name: "02",
  2074. value: 20,
  2075. },
  2076. ],
  2077. },
  2078. ],
  2079. };
  2080. //轮播
  2081. // tools.loopShowTooltip(leftEcharts1, option, {
  2082. // interval: 2000,
  2083. // loopSeries: true,
  2084. // });
  2085. //注册
  2086. that.leftEcharts3.setOption(option);
  2087. },
  2088. leftEcharts4Fun () {
  2089. let that = this;
  2090. this.leftEcharts4 = echarts.init(this.$refs["leftEcharts4"]);
  2091. let nameList = ["a"];
  2092. let valueList = that.industryProportion == 1 ? [76.38] : [728.04];
  2093. let total = 1363.88; // 数据总数
  2094. var category = nameList.map((item, index) => {
  2095. return {
  2096. value: valueList[index],
  2097. itemStyle: {
  2098. color: new echarts.graphic.LinearGradient(
  2099. 1,
  2100. 0,
  2101. 0,
  2102. 1,
  2103. [
  2104. {
  2105. offset: 0,
  2106. color: "#5BDCC850",
  2107. },
  2108. {
  2109. offset: 1,
  2110. color: "#5BDCC8",
  2111. },
  2112. ],
  2113. false
  2114. ),
  2115. },
  2116. };
  2117. });
  2118. var totalList = [];
  2119. var totalBorderList = [];
  2120. nameList.map((item, index) => {
  2121. totalList.push({
  2122. value: total,
  2123. itemStyle: {
  2124. color: "rgba(51, 147, 236, 0.29)",
  2125. },
  2126. });
  2127. totalBorderList.push({
  2128. value: total,
  2129. itemStyle: {
  2130. borderColor: "rgba(51, 147, 236, 0.29)",
  2131. color: "transparent",
  2132. },
  2133. });
  2134. });
  2135. var datas = [];
  2136. category.forEach((value) => {
  2137. datas.push(value.value);
  2138. });
  2139. option = {
  2140. // backgroundColor: 'rgb(231,238,249)',
  2141. xAxis: {
  2142. max: total,
  2143. splitLine: {
  2144. show: false,
  2145. },
  2146. axisLine: {
  2147. show: false,
  2148. },
  2149. axisLabel: {
  2150. show: false,
  2151. },
  2152. axisTick: {
  2153. show: false,
  2154. },
  2155. },
  2156. grid: {
  2157. left: "0%",
  2158. top: "15%", // 设置条形图的边距
  2159. right: "15%",
  2160. bottom: "5%",
  2161. },
  2162. yAxis: [
  2163. {
  2164. type: "category",
  2165. inverse: false,
  2166. data: nameList,
  2167. axisLine: {
  2168. show: false,
  2169. },
  2170. axisTick: {
  2171. show: false,
  2172. },
  2173. axisLabel: {
  2174. show: false,
  2175. },
  2176. },
  2177. ],
  2178. series: [
  2179. {
  2180. // 内
  2181. type: "bar",
  2182. barWidth: 16,
  2183. barGap: "20%",
  2184. silent: true,
  2185. // label: {
  2186. // normal: {
  2187. // formatter: (item) => {
  2188. // return `${item['name']}:${item['value']} `;
  2189. // },
  2190. // textStyle: {
  2191. // color: 'rgba(105, 120, 136, 1)',
  2192. // fontSize: 14,
  2193. // },
  2194. // position: [0, '-25px'],
  2195. // show: true,
  2196. // },
  2197. // },
  2198. data: category,
  2199. z: 1,
  2200. itemStyle: {
  2201. normal: {
  2202. color: new echarts.graphic.LinearGradient(
  2203. 1,
  2204. 0,
  2205. 0,
  2206. 1,
  2207. [
  2208. {
  2209. offset: 0,
  2210. color: "rgba(81, 193, 156, 1)",
  2211. },
  2212. {
  2213. offset: 1,
  2214. color: "rgba(234, 177, 100, 1)",
  2215. },
  2216. ],
  2217. false
  2218. ),
  2219. },
  2220. },
  2221. animationEasing: "elasticOut",
  2222. },
  2223. {
  2224. // 分隔
  2225. type: "pictorialBar",
  2226. itemStyle: {
  2227. normal: {
  2228. color: "#143362",
  2229. },
  2230. },
  2231. symbolRepeat: "fixed",
  2232. symbolMargin: 8,
  2233. symbol: "rect",
  2234. symbolClip: false,
  2235. symbolSize: [4, 20],
  2236. symbolPosition: "start",
  2237. symbolOffset: [0, -2],
  2238. symbolBoundingData: total,
  2239. data: [total, total, total, total],
  2240. z: 2,
  2241. animationEasing: "elasticOut",
  2242. },
  2243. {
  2244. // label
  2245. type: "pictorialBar",
  2246. symbolBoundingData: total,
  2247. itemStyle: {
  2248. normal: {
  2249. color: "none",
  2250. },
  2251. },
  2252. label: {
  2253. normal: {
  2254. formatter: (params) => {
  2255. var text;
  2256. text = `${((params["data"] * 100) / total).toFixed(2)}亿`;
  2257. return text;
  2258. },
  2259. textStyle: {
  2260. // 图列内容样式
  2261. fontSize: "20",
  2262. fontWeight: 800,
  2263. },
  2264. position: "right",
  2265. offset: [0, -3],
  2266. distance: 10, // 向右偏移位置
  2267. show: true,
  2268. color: "#68BDFF",
  2269. },
  2270. },
  2271. data: datas,
  2272. z: 0,
  2273. },
  2274. {
  2275. name: "外框",
  2276. type: "bar",
  2277. barGap: "-130%", // 设置外框粗细
  2278. data: totalBorderList,
  2279. barWidth: 26,
  2280. itemStyle: {
  2281. normal: {
  2282. // barBorderRadius: [5, 5, 5, 5],
  2283. borderWidth: 1, // 边框宽度
  2284. borderColor: "rgb(51, 147, 236)", // 边框色
  2285. color: "rgb(231,238,249)",
  2286. },
  2287. },
  2288. z: 0,
  2289. },
  2290. ],
  2291. };
  2292. //轮播
  2293. // tools.loopShowTooltip(leftEcharts1, option, {
  2294. // interval: 2000,
  2295. // loopSeries: true,
  2296. // });
  2297. //注册
  2298. that.leftEcharts4.setOption(option);
  2299. },
  2300. leftEcharts5Fun () {
  2301. let that = this;
  2302. this.leftEcharts5 = echarts.init(this.$refs["leftEcharts5"]);
  2303. let dataList = [];
  2304. left1[that.industryLayout].forEach((item, index) => {
  2305. dataList[index] = {
  2306. value: item.y,
  2307. name: item.name,
  2308. itemStyle: {
  2309. normal: {
  2310. color: new echarts.graphic.LinearGradient(1, 0, 0, 1, [
  2311. {
  2312. offset: 0,
  2313. color: commonColor2[index], //顶部颜色
  2314. },
  2315. {
  2316. offset: 1,
  2317. color: commonColor[index], // 底部颜色
  2318. },
  2319. ]),
  2320. borderColor: commonColor[index],
  2321. borderWidth: 3,
  2322. },
  2323. },
  2324. };
  2325. });
  2326. let option = {
  2327. tooltip: {
  2328. trigger: "item",
  2329. formatter: function (e) {
  2330. return `<span style="display:inline-block;margin-right:15px;border-radius:10px;width:20px;height:20px;background-color:${e.borderColor
  2331. };"></span>${e.name} ${e.percent}%<br>${e.value}亿 ${left1[that.industryLayout][e.seriesIndex].num
  2332. }个`;
  2333. },
  2334. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  2335. textStyle: {
  2336. color: "#fff",
  2337. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  2338. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  2339. fontSize: "28", // 文字字体大小
  2340. },
  2341. },
  2342. legend: {
  2343. top: "center",
  2344. orient: "vertical",
  2345. left: "65%",
  2346. textStyle: {
  2347. color: "#fff",
  2348. fontSize: 20,
  2349. padding: [0, 20],
  2350. },
  2351. },
  2352. graphic: {
  2353. elements: [
  2354. {
  2355. type: "image", //需要填充图片,配置image,如果不需要图片可以配置其他的, text, circle, sector, ring, polygon, polyline, rect, line, bezierCurve, arc, group,
  2356. style: {
  2357. image: "./img/whiteCircle.png", //这里添加图片地址
  2358. width: 80,
  2359. height: 80,
  2360. },
  2361. left: "37.7%", //
  2362. top: "middle", //配置图片居中
  2363. },
  2364. ],
  2365. },
  2366. series: [
  2367. {
  2368. name: "",
  2369. type: "pie",
  2370. radius: ["20%", "90%"],
  2371. center: ["41%", "50%"],
  2372. labelLine: {
  2373. normal: {
  2374. lineStyle: {
  2375. width: 1,
  2376. },
  2377. },
  2378. },
  2379. label: {
  2380. normal: {
  2381. show: false,
  2382. textStyle: {
  2383. fontSize: 28,
  2384. color: "#fff",
  2385. },
  2386. },
  2387. },
  2388. roseType: "area",
  2389. data: dataList,
  2390. },
  2391. {
  2392. tooltip: {
  2393. show: false,
  2394. },
  2395. type: "pie",
  2396. radius: ["90%", "92%"],
  2397. center: ["41%", "50%"],
  2398. hoverAnimation: false,
  2399. name: "",
  2400. data: [
  2401. {
  2402. name: "",
  2403. value: 0,
  2404. itemStyle: {
  2405. normal: {
  2406. color: "#345189",
  2407. },
  2408. },
  2409. },
  2410. ],
  2411. },
  2412. ],
  2413. };
  2414. //轮播
  2415. tools.loopShowTooltip(that.leftEcharts5, option, {
  2416. interval: 2000,
  2417. loopSeries: true,
  2418. });
  2419. //注册
  2420. that.leftEcharts5.setOption(option);
  2421. },
  2422. leftEcharts6Fun () {
  2423. let that = this;
  2424. this.leftEcharts6 = echarts.init(this.$refs["leftEcharts6"]);
  2425. var dataArr = 44;
  2426. var colorSet = {
  2427. color: "#22B95E",
  2428. };
  2429. var color1 = {
  2430. type: "linear",
  2431. x: 0,
  2432. y: 0,
  2433. x2: 1,
  2434. y2: 1,
  2435. colorStops: [
  2436. {
  2437. offset: 0,
  2438. color: "rgba(255,255,255,0.1)",
  2439. },
  2440. {
  2441. offset: 1,
  2442. color: "rgba(255,255,255,0.3)",
  2443. },
  2444. ],
  2445. global: false,
  2446. };
  2447. var color2 = {
  2448. type: "linear",
  2449. x: 0,
  2450. y: 0,
  2451. x2: 1,
  2452. y2: 1,
  2453. colorStops: [
  2454. {
  2455. offset: 0,
  2456. color: "#30DBBA",
  2457. },
  2458. {
  2459. offset: 1,
  2460. color: "#2DE696",
  2461. },
  2462. ],
  2463. global: false,
  2464. };
  2465. option = {
  2466. tooltip: {
  2467. formatter: "{a} <br/>{b} : {c}%",
  2468. },
  2469. series: [
  2470. {
  2471. name: "内部进度条",
  2472. type: "gauge",
  2473. // center: ['20%', '50%'],
  2474. radius: "50%",
  2475. splitNumber: 10,
  2476. axisLine: {
  2477. lineStyle: {
  2478. color: [
  2479. [dataArr / 100, "rgba(0,0,0,0)"],
  2480. [1, "rgba(0,0,0,0)"],
  2481. ],
  2482. width: 1,
  2483. },
  2484. },
  2485. axisLabel: {
  2486. show: false,
  2487. },
  2488. axisTick: {
  2489. show: false,
  2490. },
  2491. splitLine: {
  2492. show: false,
  2493. },
  2494. itemStyle: {
  2495. color: "#ffffff",
  2496. },
  2497. detail: {
  2498. formatter: function (value) {
  2499. if (value !== 0) {
  2500. var num = Math.round(value);
  2501. return parseInt(num).toFixed(0) + "%";
  2502. } else {
  2503. return 0;
  2504. }
  2505. },
  2506. offsetCenter: [0, 117],
  2507. textStyle: {
  2508. padding: [0, 0, 0, 0],
  2509. fontSize: 60,
  2510. color: "#58F7DF",
  2511. },
  2512. },
  2513. title: {
  2514. //标题
  2515. show: true,
  2516. offsetCenter: [0, 220], // x, y,单位px
  2517. textStyle: {
  2518. color: "#40A9FF",
  2519. fontSize: 34, //表盘上的标题文字大小
  2520. fontWeight: 400,
  2521. fontFamily: "MicrosoftYaHei",
  2522. },
  2523. },
  2524. data: [
  2525. {
  2526. name: "总额度:1,834.51亿",
  2527. value: dataArr,
  2528. itemStyle: {
  2529. fontSize: "50", //y轴上方单位的大小
  2530. color: "#FFF666",
  2531. fontFamily: "MicrosoftYaHei",
  2532. },
  2533. },
  2534. ],
  2535. pointer: {
  2536. show: true,
  2537. length: "100%",
  2538. radius: "20%",
  2539. width: 3, //指针粗细
  2540. },
  2541. animationDuration: 4000,
  2542. },
  2543. {
  2544. name: "内部阴影",
  2545. type: "gauge",
  2546. radius: "75%",
  2547. splitNumber: 10,
  2548. axisLine: {
  2549. lineStyle: {
  2550. color: [
  2551. [
  2552. dataArr / 100,
  2553. new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  2554. {
  2555. offset: 0,
  2556. color: "#081947",
  2557. },
  2558. {
  2559. offset: 0.5,
  2560. color: "#5DF5A9",
  2561. },
  2562. {
  2563. offset: 1,
  2564. color: "#F6F16A",
  2565. },
  2566. ]),
  2567. ],
  2568. [1, "#0E4889"],
  2569. ],
  2570. width: 70,
  2571. },
  2572. },
  2573. axisLabel: {
  2574. show: false,
  2575. },
  2576. axisTick: {
  2577. show: false,
  2578. },
  2579. splitLine: {
  2580. show: false,
  2581. },
  2582. itemStyle: {
  2583. show: false,
  2584. },
  2585. },
  2586. {
  2587. name: "外部刻度",
  2588. type: "gauge",
  2589. // center: ['20%', '50%'],
  2590. radius: "90%",
  2591. min: 0, //最小刻度
  2592. max: 100, //最大刻度
  2593. splitNumber: 5, //刻度数量
  2594. startAngle: 225,
  2595. endAngle: -45,
  2596. axisLine: {
  2597. show: true,
  2598. lineStyle: {
  2599. width: 1,
  2600. color: [[1, "rgba(0,0,0,0)"]],
  2601. },
  2602. }, //仪表盘轴线
  2603. axisLabel: {
  2604. show: false,
  2605. color: "#ffffff",
  2606. fontSize: 28,
  2607. fontFamily: "SourceHanSansSC-Regular",
  2608. fontWeight: "bold",
  2609. // position: "top",
  2610. distance: -45,
  2611. formatter: function (v) {
  2612. switch (v + "") {
  2613. case "0":
  2614. return "0";
  2615. case "10":
  2616. return "10";
  2617. case "20":
  2618. return "20";
  2619. case "30":
  2620. return "30";
  2621. case "40":
  2622. return "40";
  2623. case "50":
  2624. return "50";
  2625. case "60":
  2626. return "60";
  2627. case "70":
  2628. return "70";
  2629. case "80":
  2630. return "80";
  2631. case "90":
  2632. return "90";
  2633. case "100":
  2634. return "100";
  2635. }
  2636. },
  2637. }, //刻度标签。
  2638. axisTick: {
  2639. show: true,
  2640. splitNumber: 10,
  2641. lineStyle: {
  2642. color: "#3798D7", //用颜色渐变函数不起作用
  2643. width: 1,
  2644. },
  2645. length: -6,
  2646. }, //刻度样式
  2647. splitLine: {
  2648. show: true,
  2649. length: -12,
  2650. lineStyle: {
  2651. color: "#3798D7", //用颜色渐变函数不起作用
  2652. },
  2653. }, //分隔线样式
  2654. detail: {
  2655. show: false,
  2656. },
  2657. },
  2658. {
  2659. //指针上的圆
  2660. type: "pie",
  2661. tooltip: {
  2662. show: false,
  2663. },
  2664. hoverAnimation: false,
  2665. legendHoverLink: false,
  2666. radius: ["0%", "4%"],
  2667. center: ["50%", "50%"],
  2668. label: {
  2669. normal: {
  2670. show: false,
  2671. },
  2672. },
  2673. labelLine: {
  2674. normal: {
  2675. show: false,
  2676. },
  2677. },
  2678. data: [
  2679. {
  2680. value: 120,
  2681. itemStyle: {
  2682. normal: {
  2683. color: "#ffffff",
  2684. },
  2685. },
  2686. },
  2687. ],
  2688. },
  2689. ],
  2690. };
  2691. //轮播
  2692. // tools.loopShowTooltip(leftEcharts1, option, {
  2693. // interval: 2000,
  2694. // loopSeries: true,
  2695. // });
  2696. //注册
  2697. that.leftEcharts6.setOption(option);
  2698. },
  2699. leftEcharts7Fun () {
  2700. let that = this;
  2701. this.leftEcharts7 = echarts.init(this.$refs["leftEcharts7"]);
  2702. let option = {
  2703. title: {
  2704. text: "固定资产进度分布",
  2705. textStyle: {
  2706. color: "#fff",
  2707. fontSize: 28,
  2708. fontWeight: 500,
  2709. fontFamily: "Microsoft YaHei",
  2710. },
  2711. top: "20",
  2712. left: "220",
  2713. },
  2714. textStyle: {
  2715. color: "#fff",
  2716. },
  2717. tooltip: {
  2718. show: false,
  2719. trigger: "axis",
  2720. formatter: function (params) {
  2721. var tip =
  2722. params[0].axisValue +
  2723. "<br/>" +
  2724. params[0].marker +
  2725. params[0].data[1] +
  2726. ":" +
  2727. params[0].data[2] +
  2728. "个," +
  2729. params[0].data[3] +
  2730. "亿元" +
  2731. "<br/>" +
  2732. params[1].marker +
  2733. params[1].data[1] +
  2734. ":" +
  2735. params[1].data[2] +
  2736. "个," +
  2737. params[1].data[3] +
  2738. "亿元";
  2739. return tip;
  2740. },
  2741. textStyle: {
  2742. color: "#ffffff", // 文字的颜色
  2743. fontSize: "20", // 文字字体大小
  2744. fontFamily: "Microsoft YaHei",
  2745. },
  2746. axisPointer: {
  2747. // lineStyle: {
  2748. // type: 'dashed',
  2749. // width: 2,
  2750. // color: 'rgba(255,255,255,0.6)'
  2751. // },
  2752. animation: false,
  2753. },
  2754. },
  2755. grid: {
  2756. top: "0%",
  2757. right: "5%",
  2758. left: "15%",
  2759. bottom: "-10%",
  2760. },
  2761. yAxis: {
  2762. data: ["备案", "特别监管"],
  2763. splitLine: {
  2764. show: false,
  2765. lineStyle: {
  2766. color: "#68b4dd66",
  2767. type: "dashed",
  2768. },
  2769. },
  2770. axisLine: {
  2771. show: false,
  2772. },
  2773. axisLabel: {
  2774. show: true,
  2775. formatter: "{value}",
  2776. textStyle: {
  2777. color: function (data) {
  2778. if (data == "特别监管") {
  2779. return "#40A9FF";
  2780. } else if (data == "备案") {
  2781. return "#5BDCC8";
  2782. }
  2783. },
  2784. fontSize: 20,
  2785. padding: [0, -10, 0, 0],
  2786. fontFamily: "Microsoft YaHei",
  2787. },
  2788. },
  2789. nameTextStyle: {
  2790. color: "#ebf8ac",
  2791. fontSize: 16,
  2792. fontFamily: "Microsoft YaHei",
  2793. },
  2794. },
  2795. xAxis: {
  2796. data: ["项目储备", "项目立项", "可研论证", "投资决策"],
  2797. axisLine: {
  2798. show: true, //隐藏X轴轴线
  2799. lineStyle: {
  2800. color: "red",
  2801. width: 1,
  2802. },
  2803. },
  2804. axisTick: {
  2805. show: false, //隐藏X轴刻度
  2806. },
  2807. axisLabel: {
  2808. show: true,
  2809. textStyle: {
  2810. color: "#fff", //X轴文字颜色
  2811. fontSize: 20,
  2812. padding: [-80, 0, 0, 0],
  2813. fontFamily: "Microsoft YaHei",
  2814. },
  2815. },
  2816. },
  2817. series: [
  2818. {
  2819. name: "特别监管",
  2820. type: "scatter",
  2821. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  2822. symbolSize: function (data) {
  2823. return Math.sqrt(data[2]) * 5;
  2824. },
  2825. // label: {
  2826. // emphasis: {
  2827. // show: true,
  2828. // formatter: function (param) {
  2829. // return param.data[2];
  2830. // },
  2831. // position: 'top'
  2832. // }
  2833. // },
  2834. itemStyle: {
  2835. normal: {
  2836. color: "#69c0ff",
  2837. },
  2838. },
  2839. // data: left13[0]
  2840. },
  2841. {
  2842. name: "备案",
  2843. type: "scatter",
  2844. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  2845. symbolSize: function (data) {
  2846. return Math.sqrt(data[2]) * 5;
  2847. },
  2848. // label: {
  2849. // emphasis: {
  2850. // show: true,
  2851. // formatter: function (param) {
  2852. // return param.data[2];
  2853. // },
  2854. // position: 'top'
  2855. // }
  2856. // },
  2857. itemStyle: {
  2858. normal: {
  2859. color: "#957DFF",
  2860. },
  2861. },
  2862. // data: left13[1]
  2863. },
  2864. ],
  2865. };
  2866. //轮播
  2867. // tools.loopShowTooltip(leftEcharts1, option, {
  2868. // interval: 2000,
  2869. // loopSeries: true,
  2870. // });
  2871. //注册
  2872. that.leftEcharts7.setOption(option);
  2873. },
  2874. leftEcharts8Fun () {
  2875. let that = this;
  2876. this.leftEcharts8 = echarts.init(this.$refs["leftEcharts8"]);
  2877. let option = {
  2878. title: {
  2879. text: "固定资产进度分布",
  2880. textStyle: {
  2881. color: "#fff",
  2882. fontSize: 28,
  2883. fontWeight: 500,
  2884. fontFamily: "Microsoft YaHei",
  2885. },
  2886. top: "20",
  2887. left: "220",
  2888. },
  2889. textStyle: {
  2890. color: "#fff",
  2891. },
  2892. tooltip: {
  2893. show: false,
  2894. trigger: "axis",
  2895. formatter: function (params) {
  2896. var tip =
  2897. params[0].axisValue +
  2898. "<br/>" +
  2899. params[0].marker +
  2900. params[0].data[1] +
  2901. ":" +
  2902. params[0].data[2] +
  2903. "个," +
  2904. params[0].data[3] +
  2905. "亿元" +
  2906. "<br/>" +
  2907. params[1].marker +
  2908. params[1].data[1] +
  2909. ":" +
  2910. params[1].data[2] +
  2911. "个," +
  2912. params[1].data[3] +
  2913. "亿元";
  2914. return tip;
  2915. },
  2916. textStyle: {
  2917. color: "#ffffff", // 文字的颜色
  2918. fontSize: "20", // 文字字体大小
  2919. fontFamily: "Microsoft YaHei",
  2920. },
  2921. axisPointer: {
  2922. // lineStyle: {
  2923. // type: 'dashed',
  2924. // width: 2,
  2925. // color: 'rgba(255,255,255,0.6)'
  2926. // },
  2927. animation: false,
  2928. },
  2929. },
  2930. grid: {
  2931. top: "0%",
  2932. right: "5%",
  2933. left: "15%",
  2934. bottom: "-10%",
  2935. },
  2936. yAxis: {
  2937. data: ["备案", "特别监管"],
  2938. splitLine: {
  2939. show: false,
  2940. lineStyle: {
  2941. color: "#68b4dd66",
  2942. type: "dashed",
  2943. },
  2944. },
  2945. axisLine: {
  2946. show: false,
  2947. },
  2948. axisLabel: {
  2949. show: false,
  2950. formatter: "{value}",
  2951. textStyle: {
  2952. color: "#fff",
  2953. fontSize: 20,
  2954. padding: [0, -10, 0, 0],
  2955. fontFamily: "Microsoft YaHei",
  2956. },
  2957. },
  2958. nameTextStyle: {
  2959. color: "#ebf8ac",
  2960. fontSize: 16,
  2961. fontFamily: "Microsoft YaHei",
  2962. },
  2963. },
  2964. xAxis: {
  2965. data: ["项目储备", "项目立项", "可研论证", "投资决策"],
  2966. axisLine: {
  2967. show: true, //隐藏X轴轴线
  2968. lineStyle: {
  2969. color: "red",
  2970. width: 1,
  2971. },
  2972. },
  2973. axisTick: {
  2974. show: false, //隐藏X轴刻度
  2975. },
  2976. axisLabel: {
  2977. show: true,
  2978. textStyle: {
  2979. color: "#fff", //X轴文字颜色
  2980. fontSize: 20,
  2981. padding: [-80, 0, 0, 0],
  2982. fontFamily: "Microsoft YaHei",
  2983. },
  2984. },
  2985. },
  2986. series: [
  2987. {
  2988. name: "特别监管",
  2989. type: "scatter",
  2990. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  2991. symbolSize: function (data) {
  2992. return Math.sqrt(data[2]) * 5;
  2993. },
  2994. // label: {
  2995. // emphasis: {
  2996. // show: true,
  2997. // formatter: function (param) {
  2998. // return param.data[2];
  2999. // },
  3000. // position: 'top'
  3001. // }
  3002. // },
  3003. itemStyle: {
  3004. normal: {
  3005. color: "#69c0ff",
  3006. },
  3007. },
  3008. // data: left13[0]
  3009. },
  3010. {
  3011. name: "备案",
  3012. type: "scatter",
  3013. symbol: "circle", //'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
  3014. symbolSize: function (data) {
  3015. return Math.sqrt(data[2]) * 5;
  3016. },
  3017. // label: {
  3018. // emphasis: {
  3019. // show: true,
  3020. // formatter: function (param) {
  3021. // return param.data[2];
  3022. // },
  3023. // position: 'top'
  3024. // }
  3025. // },
  3026. itemStyle: {
  3027. normal: {
  3028. color: "#957DFF",
  3029. },
  3030. },
  3031. // data: left13[1]
  3032. },
  3033. ],
  3034. };
  3035. //轮播
  3036. // tools.loopShowTooltip(leftEcharts1, option, {
  3037. // interval: 2000,
  3038. // loopSeries: true,
  3039. // });
  3040. //注册
  3041. that.leftEcharts8.setOption(option);
  3042. },
  3043. shanxiEchartsFun () {
  3044. let that = this;
  3045. this.geoCoordMap = [];
  3046. /*获取地图数据*/
  3047. this.shanxiMap = echarts.init(this.$refs["shanxi"]);
  3048. // echarts.registerMap('china', china)
  3049. echarts.registerMap("china", shanxi);
  3050. // var mapFeatures = echarts.getMap('china').geoJson.features
  3051. // mapFeatures.forEach(v => {
  3052. // // 地区名称
  3053. // var name = v.properties.name
  3054. // // 地区经纬度
  3055. // this.geoCoordMap[name] = v.properties.cp
  3056. // data.push({ name: v.properties.name, value: v.properties.cp[0], value2: v.properties.cp[1] })
  3057. // })
  3058. var data = [
  3059. { name: "大同市", value: 65, value2: 28 },
  3060. { name: "朔州市", value: 331, value2: 13 },
  3061. { name: "忻州市", value: 735, value2: 25 },
  3062. { name: "吕梁市", value: 104, value2: 45 },
  3063. { name: "太原市", value: 2567, value2: 113 },
  3064. { name: "阳泉市", value: 252, value2: 28 },
  3065. { name: "晋中市", value: 187, value2: 52 },
  3066. { name: "临汾市", value: 155, value2: 30 },
  3067. { name: "长治市", value: 100, value2: 23 },
  3068. { name: "运城市", value: 416, value2: 23 },
  3069. { name: "晋城市", value: 443, value2: 31 },
  3070. ];
  3071. var geoCoordMap = {
  3072. 太原市: [112.53, 37.87],
  3073. 大同市: [113.3, 40.12],
  3074. 阳泉市: [113.57, 37.85],
  3075. 长治市: [113.08, 36.18],
  3076. 晋城市: [112.83, 35.52],
  3077. 朔州市: [112.43, 39.33],
  3078. 晋中市: [112.94, 37.4],
  3079. 运城市: [110.97, 35.03],
  3080. 忻州市: [112.53, 38.72],
  3081. 临汾市: [111.5, 36.08],
  3082. 吕梁市: [111.13, 37.52],
  3083. };
  3084. var convertData = function (data) {
  3085. var res = [];
  3086. for (var i = 0; i < data.length; i++) {
  3087. var geoCoord = geoCoordMap[data[i].name];
  3088. if (geoCoord) {
  3089. res.push({
  3090. name: data[i].name,
  3091. value: geoCoord.concat(data[i].value, data[i].value2),
  3092. });
  3093. }
  3094. }
  3095. return res;
  3096. };
  3097. var convertedData = [
  3098. convertData(data),
  3099. convertData(
  3100. data
  3101. .sort(function (a, b) {
  3102. return b.value - a.value;
  3103. })
  3104. .slice(0, 6)
  3105. ),
  3106. ];
  3107. data.sort(function (a, b) {
  3108. return a.value - b.value;
  3109. });
  3110. option = {
  3111. backgroundColor: "#404a5900",
  3112. animation: true,
  3113. animationDuration: 1000,
  3114. animationEasing: "cubicInOut",
  3115. animationDurationUpdate: 1000,
  3116. animationEasingUpdate: "cubicInOut",
  3117. geo: {
  3118. map: "china",
  3119. center: [112.53, 37.67],
  3120. zoom: 4.5,
  3121. label: {
  3122. emphasis: {
  3123. show: false,
  3124. },
  3125. },
  3126. roam: false,
  3127. itemStyle: {
  3128. normal: {
  3129. borderColor: "#7fb3ff",
  3130. borderWidth: 3,
  3131. areaColor: {
  3132. type: "radial",
  3133. x: 0.5,
  3134. y: 0.5,
  3135. r: 0.8,
  3136. colorStops: [
  3137. {
  3138. offset: 0,
  3139. color: "#468ff8", // 0% 处的颜色
  3140. },
  3141. {
  3142. offset: 1,
  3143. color: "#0a2c6d", // 100% 处的颜色
  3144. },
  3145. ],
  3146. globalCoord: false, // 缺省为 false
  3147. },
  3148. // shadowColor: 'rgba(128, 217, 248, 1)',
  3149. shadowColor: "#468ff8",
  3150. shadowOffsetX: -2,
  3151. shadowOffsetY: 2,
  3152. shadowBlur: 20,
  3153. },
  3154. emphasis: {
  3155. areaColor: {
  3156. colorStops: [
  3157. {
  3158. offset: 0,
  3159. color: "#3844aa", // 0% 处的颜色
  3160. },
  3161. {
  3162. offset: 1,
  3163. color: "#7284fc", // 100% 处的颜色
  3164. },
  3165. ],
  3166. },
  3167. borderColor: "#b3baff",
  3168. borderWidth: 5,
  3169. },
  3170. },
  3171. tooltip: {
  3172. trigger: "item",
  3173. className: "custom-tooltip-box",
  3174. confine: true, // 不超出当前表
  3175. formatter: (params, ticket, callback) => {
  3176. // 清空所有轮播
  3177. for (var k in geoCoordMap) {
  3178. that.shanxiMap.dispatchAction({
  3179. // type: 'geoUnSelect',
  3180. type: "downplay",
  3181. name: k,
  3182. geoIndex: 0,
  3183. });
  3184. that.shanxiMap.dispatchAction({
  3185. // type: 'geoUnSelect',
  3186. type: "downplay",
  3187. name: k,
  3188. seriesName: params.seriesName,
  3189. });
  3190. that.shanxiMap.dispatchAction({
  3191. // type: 'geoUnSelect',
  3192. type: "downplay",
  3193. name: k,
  3194. seriesName: "series\u00001",
  3195. });
  3196. }
  3197. that.shanxiMap.dispatchAction({
  3198. // type: 'geoSelect',
  3199. type: "highlight",
  3200. name: params.name,
  3201. geoIndex: 0,
  3202. });
  3203. that.shanxiMap.dispatchAction({
  3204. // type: 'geoSelect',
  3205. type: "highlight",
  3206. name: params.name,
  3207. seriesName: params.seriesName,
  3208. });
  3209. that.shanxiMap.dispatchAction({
  3210. // type: 'geoSelect',
  3211. type: "highlight",
  3212. name: params.name,
  3213. seriesName: "series\u00001",
  3214. });
  3215. let a = window.location.href.split('/')
  3216. a.pop()
  3217. if (params.value) {
  3218. return `<div class="bgTooltip" style="background: url('${a.join('/')}/img/shanxi/${params.dataIndex}.png') no-repeat center center;background-size: 100% 100%;font-size:36px">
  3219. <div class="flex items-center">
  3220. <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
  3221. </div>
  3222. <div class="blueIcon flex items-center">项目数量:<span class="fb" style="color:#68BDFF;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
  3223. <div class="blueIcon flex items-center">投资总额:<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
  3224. </div>`;
  3225. }
  3226. },
  3227. },
  3228. regions: [
  3229. {
  3230. name: "太原市",
  3231. value: 2000,
  3232. itemStyle: {
  3233. emphasis: {
  3234. borderColor: "#ffe036",
  3235. borderWidth: 5,
  3236. areaColor: {
  3237. type: "radial",
  3238. x: 0.5,
  3239. y: 0.5,
  3240. r: 0.8,
  3241. colorStops: [
  3242. {
  3243. offset: 0,
  3244. color: "#ffe036", // 0% 处的颜色
  3245. },
  3246. {
  3247. offset: 1,
  3248. color: "#7c732a", // 100% 处的颜色
  3249. },
  3250. ],
  3251. globalCoord: false, // 缺省为 false
  3252. },
  3253. },
  3254. },
  3255. },
  3256. {
  3257. name: "南海诸岛",
  3258. itemStyle: {
  3259. // 隐藏地图
  3260. normal: {
  3261. opacity: 0, // 为 0 时不绘制该图形
  3262. },
  3263. },
  3264. label: {
  3265. show: false, // 隐藏文字
  3266. },
  3267. },
  3268. ],
  3269. },
  3270. tooltip: {
  3271. trigger: "item",
  3272. className: "custom-tooltip-box",
  3273. confine: true, // 不超出当前表
  3274. formatter: (e) => {
  3275. console.log('走了这里了', e)
  3276. }
  3277. },
  3278. xAxis: {
  3279. type: "value",
  3280. scale: true,
  3281. position: "top",
  3282. boundaryGap: false,
  3283. splitLine: {
  3284. show: false,
  3285. },
  3286. axisLine: {
  3287. show: false,
  3288. },
  3289. axisTick: {
  3290. show: false,
  3291. },
  3292. axisLabel: {
  3293. margin: 2,
  3294. textStyle: {
  3295. color: "#aaa",
  3296. },
  3297. },
  3298. },
  3299. yAxis: {
  3300. type: "category",
  3301. nameGap: 16,
  3302. axisLine: {
  3303. show: false,
  3304. lineStyle: {
  3305. color: "#ddd",
  3306. },
  3307. },
  3308. axisTick: {
  3309. show: false,
  3310. lineStyle: {
  3311. color: "#ddd",
  3312. },
  3313. },
  3314. axisLabel: {
  3315. interval: 0,
  3316. textStyle: {
  3317. color: "#ddd",
  3318. },
  3319. },
  3320. data: categoryData,
  3321. },
  3322. series: [
  3323. {
  3324. type: "effectScatter",
  3325. colorBy: "data",
  3326. coordinateSystem: "geo",
  3327. data: convertedData[0],
  3328. symbolSize: function (val) {
  3329. return Math.max(val[2] / 500, 8);
  3330. },
  3331. showEffectOn: "emphasis",
  3332. rippleEffect: {
  3333. brushType: "stroke",
  3334. color: "#58F7DF",
  3335. },
  3336. hoverAnimation: true,
  3337. label: {
  3338. normal: {
  3339. formatter: "{b}",
  3340. position: "right",
  3341. show: true,
  3342. fontSize: "30",
  3343. color: "#fff",
  3344. },
  3345. },
  3346. itemStyle: {
  3347. normal: {
  3348. color: "#ffc809",
  3349. shadowBlur: 50,
  3350. shadowColor: "#ffc809",
  3351. },
  3352. emphasis: {
  3353. color: "#58F7DF",
  3354. shadowBlur: 50,
  3355. shadowColor: "#58F7DF",
  3356. },
  3357. },
  3358. zlevel: 99,
  3359. },
  3360. {
  3361. type: "effectScatter",
  3362. colorBy: "data",
  3363. coordinateSystem: "geo",
  3364. data: [
  3365. {
  3366. name: "太原市",
  3367. value: [112.53, 37.87, 25167, 113],
  3368. },
  3369. ],
  3370. symbolSize: function (val) {
  3371. return Math.max(val[2] / 500, 8);
  3372. },
  3373. showEffectOn: "emphasis",
  3374. rippleEffect: {
  3375. brushType: "stroke",
  3376. color: "#DF62F2",
  3377. },
  3378. hoverAnimation: true,
  3379. label: {
  3380. normal: {
  3381. formatter: "{b}",
  3382. position: "right",
  3383. show: false,
  3384. fontSize: "30",
  3385. color: "#fff",
  3386. },
  3387. },
  3388. itemStyle: {
  3389. normal: {
  3390. color: "#ffc809",
  3391. shadowBlur: 50,
  3392. shadowColor: "#ffc809",
  3393. },
  3394. emphasis: {
  3395. color: "#DF62F2",
  3396. shadowBlur: 50,
  3397. shadowColor: "#DF62F2",
  3398. },
  3399. },
  3400. zlevel: 999,
  3401. },
  3402. ],
  3403. };
  3404. var categoryData = [];
  3405. var barData = [];
  3406. var sum = 0;
  3407. for (var i = 0; i < data.length; i++) {
  3408. categoryData.push(data[i].name);
  3409. barData.push(data[i].value);
  3410. sum += data[i].value;
  3411. }
  3412. // this.shanxiMap.on('click', function (params) {
  3413. // if (params.name == '山西') {
  3414. // that.shanxiMap.dispose()
  3415. // that.centerShow = true
  3416. // setTimeout(() => {
  3417. // })
  3418. // }
  3419. // })
  3420. tools.loopShowTooltip(this.shanxiMap, option, {
  3421. interval: 2000,
  3422. loopSeries: false,
  3423. seriesIndex: 0,
  3424. });
  3425. this.shanxiMap.setOption(option);
  3426. },
  3427. chinaEchartsFun () {
  3428. let that = this;
  3429. this.geoCoordMap = [];
  3430. /*获取地图数据*/
  3431. this.chinaMap = echarts.init(this.$refs["china"]);
  3432. echarts.registerMap("china", china);
  3433. // var mapFeatures = echarts.getMap('china').geoJson.features
  3434. // mapFeatures.forEach(v => {
  3435. // // 地区名称
  3436. // var name = v.properties.name
  3437. // // 地区经纬度
  3438. // this.geoCoordMap[name] = v.properties.cp
  3439. // data.push({ name: v.properties.name, value: v.properties.cp[0], value2: v.properties.cp[1] })
  3440. // })
  3441. var data = [
  3442. { "name": "新疆", value: 2978, value2: 32 },
  3443. { "name": "西藏", value: 2186, value2: 21 },
  3444. { "name": "内蒙古", value: 1135, value2: 35 },
  3445. { "name": "青海", value: 2978, value2: 53 },
  3446. { "name": "四川", value: 2568, value2: 23 },
  3447. { "name": "黑龙江", value: 2978, value2: 43 },
  3448. { "name": "甘肃", value: 6959, value2: 76 },
  3449. { "name": "云南", value: 5632, value2: 12 },
  3450. { "name": "广西", value: 6707, value2: 76 },
  3451. { "name": "湖南", value: 2978, value2: 23 },
  3452. { "name": "陕西", value: 1894, value2: 87 },
  3453. { "name": "广东", value: 1576, value2: 23 },
  3454. { "name": "吉林", value: 8259, value2: 76 },
  3455. { "name": "河北", value: 5741, value2: 46 },
  3456. { "name": "湖北", value: 3030, value2: 42 },
  3457. { "name": "贵州", value: 4542, value2: 12 },
  3458. { "name": "山东", value: 1970, value2: 87 },
  3459. { "name": "江西", value: 3157, value2: 12 },
  3460. { "name": "河南", value: 6690, value2: 56 },
  3461. { "name": "辽宁", value: 8678, value2: 12 },
  3462. { "name": "山西", value: 9533, value2: 86 },
  3463. { "name": "安徽", value: 2970, value2: 33 },
  3464. { "name": "福建", value: 1259, value2: 25 },
  3465. { "name": "浙江", value: 3016, value2: 15 },
  3466. { "name": "江苏", value: 3202, value2: 25 },
  3467. { "name": "重庆", value: 4540, value2: 25 },
  3468. { "name": "宁夏", value: 1980, value2: 43 },
  3469. { "name": "海南", value: 8626, value2: 31 },
  3470. { "name": "台湾", value: 4361, value2: 35 },
  3471. { "name": "北京", value: 2000, value2: 65 },
  3472. { "name": "天津", value: 4080, value2: 80 },
  3473. { "name": "上海", value: 1980, value2: 24 },
  3474. { "name": "香港", value: 6991, value2: 65 },
  3475. { "name": "澳门", value: 1873, value2: 24 },
  3476. ];
  3477. var geoCoordMap = {
  3478. "新疆": [86.9023, 41.148],
  3479. "西藏": [87.8695, 31.6846],
  3480. "内蒙古": [110.5977, 41.3408],
  3481. "青海": [95.2402, 35.4199],
  3482. "四川": [102.9199, 30.1904],
  3483. "黑龙江": [128.1445, 46.7156],
  3484. "甘肃": [102.7129, 38.166],
  3485. "云南": [101.0652, 24.6807],
  3486. "广西": [108.7813, 23.6426],
  3487. "湖南": [111.5332, 27.3779],
  3488. "陕西": [108.5996, 33.7396],
  3489. "广东": [113.8668, 22.8076],
  3490. "吉林": [126.1746, 43.5938],
  3491. "河北": [115.4004, 38.1688],
  3492. "湖北": [112.2363, 30.8572],
  3493. "贵州": [106.6113, 26.6385],
  3494. "山东": [118.2402, 36.2307],
  3495. "江西": [115.7156, 27.99],
  3496. "河南": [113.0668, 33.8818],
  3497. "辽宁": [123.0438, 41.0889],
  3498. "山西": [112.44, 37.73],
  3499. "安徽": [117.2461, 31.0361],
  3500. "福建": [118.3008, 25.9277],
  3501. "浙江": [120.498, 29.0918],
  3502. "江苏": [119.8586, 32.915],
  3503. "重庆": [107.7539, 29.8904],
  3504. "宁夏": [105.9961, 37.1096],
  3505. "海南": [109.9512, 19.2041],
  3506. "台湾": [120.8254, 23.5986],
  3507. "北京": [116.4551, 40.2539],
  3508. "天津": [117.4219, 39.4189],
  3509. "上海": [121.4648, 31.2891],
  3510. "香港": [114.6178, 22.3242],
  3511. "澳门": [113.5547, 21.6484],
  3512. '南海诸岛': [128.8254, 21.5986]
  3513. };
  3514. var convertData = function (data) {
  3515. var res = [];
  3516. for (var i = 0; i < data.length; i++) {
  3517. var geoCoord = geoCoordMap[data[i].name];
  3518. if (geoCoord) {
  3519. res.push({
  3520. name: data[i].name,
  3521. value: geoCoord.concat(data[i].value, data[i].value2),
  3522. });
  3523. }
  3524. }
  3525. return res;
  3526. };
  3527. var convertedData = [
  3528. convertData(data),
  3529. convertData(
  3530. data
  3531. .sort(function (a, b) {
  3532. return b.value - a.value;
  3533. })
  3534. .slice(0, 6)
  3535. ),
  3536. ];
  3537. data.sort(function (a, b) {
  3538. return a.value - b.value;
  3539. });
  3540. option = {
  3541. animation: true,
  3542. animationDuration: 1000,
  3543. animationEasing: "cubicInOut",
  3544. animationDurationUpdate: 1000,
  3545. animationEasingUpdate: "cubicInOut",
  3546. geo: {
  3547. map: "china",
  3548. zoom: 0.9,
  3549. label: {
  3550. emphasis: {
  3551. show: false,
  3552. },
  3553. },
  3554. roam: false,
  3555. itemStyle: {
  3556. normal: {
  3557. borderColor: "#7fb3ff",
  3558. borderWidth: 3,
  3559. areaColor: {
  3560. type: "radial",
  3561. x: 0.5,
  3562. y: 0.5,
  3563. r: 0.8,
  3564. colorStops: [
  3565. {
  3566. offset: 0,
  3567. color: "#468ff8", // 0% 处的颜色
  3568. },
  3569. {
  3570. offset: 1,
  3571. color: "#0a2c6d", // 100% 处的颜色
  3572. },
  3573. ],
  3574. globalCoord: false, // 缺省为 false
  3575. },
  3576. // shadowColor: 'rgba(128, 217, 248, 1)',
  3577. shadowColor: "#468ff8",
  3578. shadowOffsetX: -2,
  3579. shadowOffsetY: 2,
  3580. shadowBlur: 20,
  3581. },
  3582. emphasis: {
  3583. areaColor: {
  3584. colorStops: [
  3585. {
  3586. offset: 0,
  3587. color: "#3844aa", // 0% 处的颜色
  3588. },
  3589. {
  3590. offset: 1,
  3591. color: "#7284fc", // 100% 处的颜色
  3592. },
  3593. ],
  3594. },
  3595. borderColor: "#b3baff",
  3596. borderWidth: 5,
  3597. },
  3598. },
  3599. tooltip: {
  3600. trigger: "item",
  3601. className: "custom-tooltip-box",
  3602. confine: true, // 不超出当前表
  3603. formatter: (params, ticket, callback) => {
  3604. // console.log(params, '走了这里了')
  3605. // 清空所有轮播
  3606. for (var k in geoCoordMap) {
  3607. that.chinaMap.dispatchAction({
  3608. // type: 'geoUnSelect',
  3609. type: "downplay",
  3610. name: k,
  3611. geoIndex: 0,
  3612. });
  3613. that.chinaMap.dispatchAction({
  3614. // type: 'geoUnSelect',
  3615. type: "downplay",
  3616. name: k,
  3617. seriesName: params.seriesName,
  3618. });
  3619. that.chinaMap.dispatchAction({
  3620. // type: 'geoUnSelect',
  3621. type: "downplay",
  3622. name: k,
  3623. seriesName: "series\u00001",
  3624. });
  3625. }
  3626. that.chinaMap.dispatchAction({
  3627. // type: 'geoSelect',
  3628. type: "highlight",
  3629. name: params.name,
  3630. geoIndex: 0,
  3631. });
  3632. that.chinaMap.dispatchAction({
  3633. // type: 'geoSelect',
  3634. type: "highlight",
  3635. name: params.name,
  3636. seriesName: params.seriesName,
  3637. });
  3638. that.chinaMap.dispatchAction({
  3639. // type: 'geoSelect',
  3640. type: "highlight",
  3641. name: params.name,
  3642. seriesName: "series\u00001",
  3643. });
  3644. if (params.value) {
  3645. return `<div class="bgTooltip" style="background: rgba(50,50,50,0.7);font-size:36px">
  3646. <div class="flex items-center">
  3647. <img src="./img/yellowArrow.png" style="width: 12px;height: 22px;margin-right:10px" alt=""><span class="fb">${params.name}</span>
  3648. </div>
  3649. <div class="blueIcon flex items-center">项目数量:<span class="fb" style="color:#68BDFF;">${params.value[3]}<span style="font-size:20px" class="fn">个</span></span></div>
  3650. <div class="blueIcon flex items-center">投资总额:<span class="fb" style="color:#68BDFF">${params.value[2]}<span style="font-size:20px" class="fn">亿</span></span></div>
  3651. </div>`;
  3652. }
  3653. },
  3654. },
  3655. regions: [
  3656. {
  3657. name: "山西",
  3658. value: 2000,
  3659. itemStyle: {
  3660. emphasis: {
  3661. borderColor: "#ffe036",
  3662. borderWidth: 5,
  3663. areaColor: {
  3664. type: "radial",
  3665. x: 0.5,
  3666. y: 0.5,
  3667. r: 0.8,
  3668. colorStops: [
  3669. {
  3670. offset: 0,
  3671. color: "#ffe036", // 0% 处的颜色
  3672. },
  3673. {
  3674. offset: 1,
  3675. color: "#7c732a", // 100% 处的颜色
  3676. },
  3677. ],
  3678. globalCoord: false, // 缺省为 false
  3679. },
  3680. },
  3681. },
  3682. },
  3683. // {
  3684. // name: "南海诸岛",
  3685. // itemStyle: {
  3686. // // 隐藏地图
  3687. // normal: {
  3688. // opacity: 0, // 为 0 时不绘制该图形
  3689. // },
  3690. // },
  3691. // label: {
  3692. // show: false, // 隐藏文字
  3693. // },
  3694. // },
  3695. ],
  3696. },
  3697. tooltip: {
  3698. trigger: "item",
  3699. className: "custom-tooltip-box",
  3700. confine: true, // 不超出当前表
  3701. },
  3702. xAxis: {
  3703. type: "value",
  3704. scale: true,
  3705. position: "top",
  3706. boundaryGap: false,
  3707. splitLine: {
  3708. show: false,
  3709. },
  3710. axisLine: {
  3711. show: false,
  3712. },
  3713. axisTick: {
  3714. show: false,
  3715. },
  3716. axisLabel: {
  3717. margin: 2,
  3718. textStyle: {
  3719. color: "#aaa",
  3720. },
  3721. },
  3722. },
  3723. yAxis: {
  3724. type: "category",
  3725. nameGap: 16,
  3726. axisLine: {
  3727. show: false,
  3728. lineStyle: {
  3729. color: "#ddd",
  3730. },
  3731. },
  3732. axisTick: {
  3733. show: false,
  3734. lineStyle: {
  3735. color: "#ddd",
  3736. },
  3737. },
  3738. axisLabel: {
  3739. interval: 0,
  3740. textStyle: {
  3741. color: "#ddd",
  3742. },
  3743. },
  3744. data: categoryData,
  3745. },
  3746. series: [
  3747. {
  3748. type: "effectScatter",
  3749. colorBy: "data",
  3750. coordinateSystem: "geo",
  3751. data: convertedData[0],
  3752. symbolSize: function (val) {
  3753. return Math.max(val[2] / 100, 8);
  3754. },
  3755. showEffectOn: "emphasis",
  3756. rippleEffect: {
  3757. brushType: "stroke",
  3758. color: "#58F7DF",
  3759. },
  3760. hoverAnimation: true,
  3761. label: {
  3762. normal: {
  3763. formatter: "{b}",
  3764. position: "right",
  3765. show: true,
  3766. fontSize: "30",
  3767. color: "#fff",
  3768. },
  3769. },
  3770. itemStyle: {
  3771. normal: {
  3772. color: "#ffc809",
  3773. shadowBlur: 50,
  3774. shadowColor: "#ffc809",
  3775. },
  3776. emphasis: {
  3777. color: "#58F7DF",
  3778. shadowBlur: 50,
  3779. shadowColor: "#58F7DF",
  3780. },
  3781. },
  3782. zlevel: 99,
  3783. },
  3784. {
  3785. type: "effectScatter",
  3786. colorBy: "data",
  3787. coordinateSystem: "geo",
  3788. data: [
  3789. {
  3790. name: "山西",
  3791. value: [112.43, 37.73, 5303, 80],
  3792. },
  3793. ],
  3794. symbolSize: function (val) {
  3795. return Math.max(val[2] / 500, 8);
  3796. },
  3797. showEffectOn: "emphasis",
  3798. rippleEffect: {
  3799. brushType: "stroke",
  3800. color: "#DF62F2",
  3801. },
  3802. hoverAnimation: true,
  3803. label: {
  3804. normal: {
  3805. formatter: "{b}",
  3806. position: "right",
  3807. show: false,
  3808. fontSize: "30",
  3809. color: "#fff",
  3810. },
  3811. },
  3812. itemStyle: {
  3813. normal: {
  3814. color: "#ffc809",
  3815. shadowBlur: 50,
  3816. shadowColor: "#ffc809",
  3817. },
  3818. emphasis: {
  3819. color: "#DF62F2",
  3820. shadowBlur: 50,
  3821. shadowColor: "#DF62F2",
  3822. },
  3823. },
  3824. zlevel: 999,
  3825. },
  3826. ],
  3827. };
  3828. var categoryData = [];
  3829. var barData = [];
  3830. var sum = 0;
  3831. for (var i = 0; i < data.length; i++) {
  3832. categoryData.push(data[i].name);
  3833. barData.push(data[i].value);
  3834. sum += data[i].value;
  3835. }
  3836. this.chinaMap.on('click', function (params) {
  3837. if (params.name == '山西') {
  3838. that.chinaMap.dispose()
  3839. that.leftEcharts16.dispose()
  3840. that.mapShow = true
  3841. setTimeout(() => {
  3842. that.leftEcharts12Fun()
  3843. that.leftEcharts17Fun()
  3844. that.leftEcharts14Fun()
  3845. that.leftEcharts9Fun()
  3846. that.leftEcharts15Fun()
  3847. that.leftEcharts13Fun()
  3848. that.shanxiEchartsFun()
  3849. })
  3850. }
  3851. })
  3852. tools.loopShowTooltip(this.chinaMap, option, {
  3853. interval: 2000,
  3854. loopSeries: false,
  3855. seriesIndex: 0,
  3856. });
  3857. this.chinaMap.setOption(option);
  3858. },
  3859. leftEcharts9Fun () {
  3860. let that = this;
  3861. this.leftEcharts9 = echarts.init(this.$refs["leftEcharts9"]);
  3862. // var ROOT_PATH = 'https://echarts.apache.org/examples';
  3863. let option = {
  3864. backgroundColor: "#00000000",
  3865. globe: {
  3866. globeRadius: 55,
  3867. baseTexture: "./img/3D/world1.jpg",
  3868. heightTexture: "./img/3D/world1.jpg",
  3869. displacementScale: 0.04,
  3870. shading: "realistic",
  3871. // environment: './img/3D/world2.jpg',
  3872. realisticMaterial: {
  3873. roughness: 0.9,
  3874. },
  3875. postEffect: {
  3876. enable: true,
  3877. },
  3878. light: {
  3879. main: {
  3880. intensity: 3,
  3881. shadow: true,
  3882. },
  3883. },
  3884. },
  3885. };
  3886. that.leftEcharts9.setOption(option);
  3887. },
  3888. leftEcharts10Fun () {
  3889. let that = this;
  3890. this.leftEcharts10 = echarts.init(this.$refs["leftEcharts10"]);
  3891. option = {
  3892. grid: {
  3893. top: 45,
  3894. right: 0,
  3895. left: 80,
  3896. bottom: 80,
  3897. },
  3898. tooltip: {
  3899. show: true,
  3900. trigger: "axis",
  3901. formatter: (data) => {
  3902. return `${data[0].name
  3903. }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
  3904. }"></span> ${data[0].seriesName}:${that.numFormat(
  3905. data[0].value
  3906. )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
  3907. }"></span> ${data[1].seriesName}:${that.numFormat(
  3908. data[1].value
  3909. )}亿`;
  3910. },
  3911. axisPointer: {
  3912. // 坐标轴指示器,坐标轴触发有效
  3913. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  3914. },
  3915. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  3916. borderColor: "rgba(50,50,50,0.7)",
  3917. textStyle: {
  3918. color: "#fff",
  3919. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  3920. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  3921. fontSize: "28", // 文字字体大小
  3922. },
  3923. },
  3924. xAxis: {
  3925. data: commonCompany,
  3926. axisTick: {
  3927. show: false,
  3928. },
  3929. // x轴的字体颜色
  3930. axisLabel: {
  3931. rotate: 40,
  3932. textStyle: {
  3933. color: "white",
  3934. fontSize: "20",
  3935. fontFamily: "Microsoft YaHei",
  3936. },
  3937. },
  3938. //y轴线的颜色以及宽度
  3939. axisLine: {
  3940. show: true,
  3941. lineStyle: {
  3942. color: "#1E5389",
  3943. width: 1,
  3944. type: "solid",
  3945. },
  3946. },
  3947. },
  3948. yAxis: {
  3949. name: "亿",
  3950. axisTick: {
  3951. lineStyle: {
  3952. color: "#18416F",
  3953. },
  3954. },
  3955. // y轴的字体颜色
  3956. axisLabel: {
  3957. textStyle: {
  3958. color: "white",
  3959. fontSize: "20",
  3960. fontFamily: "Microsoft YaHei",
  3961. },
  3962. },
  3963. splitLine: {
  3964. show: true,
  3965. lineStyle: {
  3966. color: "#68b4dd66",
  3967. width: 1,
  3968. type: "dashed",
  3969. },
  3970. },
  3971. //y轴线的颜色以及宽度
  3972. axisLine: {
  3973. show: true,
  3974. lineStyle: {
  3975. color: "#1E5389",
  3976. width: 1,
  3977. type: "solid",
  3978. },
  3979. },
  3980. nameTextStyle: {
  3981. color: "#fff",
  3982. fontSize: 20,
  3983. fontFamily: "Microsoft YaHei",
  3984. },
  3985. },
  3986. series: [
  3987. {
  3988. name: "已用额度",
  3989. type: "pictorialBar",
  3990. symbol: "fixed",
  3991. symbolSize: [20, 5],
  3992. symbolMargin: 2,
  3993. symbolRepeat: "repeat",
  3994. data: [
  3995. 407.46, 603.02, 52.27, 67.02, 20.85, 0.00, 4.00, 8.02, 20.98, 0.00, 80.01, 11.62, 50.09, 52.17, 0.00, 0.00, 0.00, 0.00
  3996. ],
  3997. showBackground: false,
  3998. barWidth: "15",
  3999. itemStyle: {
  4000. color: "#40A9FF",
  4001. },
  4002. zlevel: 1,
  4003. },
  4004. {
  4005. name: "总额度",
  4006. type: "pictorialBar",
  4007. symbol: "fixed",
  4008. symbolSize: [30, 5],
  4009. symbolMargin: 2,
  4010. symbolRepeat: "repeat",
  4011. data: [
  4012. 457.46, 613.02, 152.27, 267.02, 30.85, 0.00, 24.00, 18.02, 24.98, 0.00, 87.01, 18.62, 59.09, 82.17, 0.00, 0.00, 0.00, 0.00
  4013. ],
  4014. barGap: "-130%",
  4015. barWidth: "25",
  4016. itemStyle: {
  4017. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  4018. {
  4019. offset: 0,
  4020. color: "#b9b7c030",
  4021. },
  4022. {
  4023. offset: 1,
  4024. color: "#b9b7c030",
  4025. },
  4026. ]),
  4027. },
  4028. },
  4029. ],
  4030. };
  4031. //轮播
  4032. tools.loopShowTooltip(that.leftEcharts10, option, {
  4033. interval: 2000,
  4034. loopSeries: true,
  4035. });
  4036. //注册
  4037. that.leftEcharts10.setOption(option);
  4038. },
  4039. // 重点项目两线指标轮播方法
  4040. scrollChange (index) {
  4041. if (index == 18) {
  4042. this.count = -1;
  4043. } else {
  4044. this.count = index;
  4045. }
  4046. if (this.count > 12 && this.count != 18) {
  4047. this.countType = 1;
  4048. } else {
  4049. this.countType = 0;
  4050. }
  4051. for (var i = 0; i < this.list.length; i++) {
  4052. if (i == 2) {
  4053. this.list[i].classList.add("light");
  4054. } else {
  4055. this.list[i].classList.remove("light");
  4056. }
  4057. }
  4058. this.leftEcharts11 ? this.leftEcharts11.dispose() : "";
  4059. this.leftEcharts11Fun();
  4060. },
  4061. leftEcharts11Fun () {
  4062. let that = this;
  4063. this.leftEcharts11 = echarts.init(this.$refs["leftEcharts11"]);
  4064. option = {
  4065. tooltip: {
  4066. trigger: "axis",
  4067. formatter:
  4068. "指标:" +
  4069. "{c0}" +
  4070. "<br/>" +
  4071. "发展线:" +
  4072. "{c1}" +
  4073. "<br/>" +
  4074. "生存线:" +
  4075. "{c2}", //+ '<br/>'+ '{a1}:{c1}' + '%',
  4076. axisPointer: {
  4077. type: "shadow",
  4078. },
  4079. backgroundColor: "rgba(50,50,50,0.7)",
  4080. borderColor: "rgba(50,50,50,0.7)",
  4081. textStyle: {
  4082. color: "#fff",
  4083. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4084. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4085. fontSize: "28", // 文字字体大小
  4086. }
  4087. },
  4088. grid: {
  4089. top: "10%",
  4090. right: "5%",
  4091. left: "15%",
  4092. bottom: "20%",
  4093. },
  4094. xAxis: {
  4095. data: [
  4096. "总投资收益率",
  4097. "销售利润率",
  4098. "成本费用利润率",
  4099. "总资产周转率",
  4100. "财务内部收益率",
  4101. ],
  4102. // data: left15[this.countType],
  4103. axisLine: {
  4104. show: true, //隐藏X轴轴线
  4105. lineStyle: {
  4106. color: "#005094",
  4107. width: 1,
  4108. },
  4109. },
  4110. axisTick: {
  4111. show: true, //隐藏X轴刻度
  4112. },
  4113. axisLabel: {
  4114. show: true,
  4115. rotate: 30,
  4116. textStyle: {
  4117. color: "#fff", //X轴文字颜色
  4118. fontSize: 20,
  4119. fontFamily: "Microsoft YaHei",
  4120. },
  4121. },
  4122. },
  4123. yAxis: [
  4124. {
  4125. type: "value",
  4126. splitLine: {
  4127. show: true,
  4128. lineStyle: {
  4129. color: "#68b4dd66",
  4130. type: "dashed",
  4131. },
  4132. },
  4133. axisLine: {
  4134. show: false,
  4135. },
  4136. axisLabel: {
  4137. show: true,
  4138. formatter: "{value}%",
  4139. textStyle: {
  4140. color: "#fff",
  4141. fontSize: 20,
  4142. fontFamily: "Microsoft YaHei",
  4143. },
  4144. },
  4145. nameTextStyle: {
  4146. color: "#ebf8ac",
  4147. fontSize: 16,
  4148. fontFamily: "Microsoft YaHei",
  4149. },
  4150. },
  4151. ],
  4152. series: [
  4153. {
  4154. name: "实际值",
  4155. type: "bar",
  4156. barWidth: 20,
  4157. itemStyle: {
  4158. normal: {
  4159. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4160. {
  4161. offset: 0,
  4162. color: "#69c0ff",
  4163. },
  4164. {
  4165. offset: 1,
  4166. color: "#082550",
  4167. },
  4168. ]),
  4169. },
  4170. },
  4171. data: dataList[this.count + 1][1],
  4172. // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][2] : left12[this.count + 1][2]
  4173. },
  4174. {
  4175. name: "",
  4176. type: "line",
  4177. barWidth: 15,
  4178. itemStyle: {
  4179. normal: {
  4180. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4181. {
  4182. offset: 0,
  4183. color: "#69c0ff",
  4184. },
  4185. {
  4186. offset: 1,
  4187. color: "green",
  4188. },
  4189. ]),
  4190. },
  4191. },
  4192. data: dataList[this.count + 1][1],
  4193. // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][1] : left12[this.count + 1][1]
  4194. },
  4195. {
  4196. name: "",
  4197. type: "line",
  4198. barWidth: 15,
  4199. itemStyle: {
  4200. normal: {
  4201. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
  4202. {
  4203. offset: 0,
  4204. color: "#69c0ff",
  4205. },
  4206. {
  4207. offset: 1,
  4208. color: "yellow",
  4209. },
  4210. ]),
  4211. },
  4212. },
  4213. data: dataList[this.count + 1][0],
  4214. // data: this.storageRecordConfig.data.length == 0 ? [] : this.storageRecordConfig.data.length == 1 ? left12[this.count][0] : left12[this.count + 1][0]
  4215. },
  4216. ],
  4217. };
  4218. //轮播
  4219. tools.loopShowTooltip(that.leftEcharts11, option, {
  4220. interval: 2000,
  4221. loopSeries: true,
  4222. });
  4223. //注册
  4224. that.leftEcharts11.setOption(option);
  4225. },
  4226. leftEcharts12Fun () {
  4227. let that = this;
  4228. this.leftEcharts12 = echarts.init(this.$refs["leftEcharts12"]);
  4229. var totalData = [{
  4230. name: '传统产业',
  4231. value: 12,
  4232. radio: 0.13
  4233. }, {
  4234. name: '公共基础产业',
  4235. value: 52,
  4236. radio: 0.01
  4237. }, {
  4238. name: '战略性新兴产业',
  4239. value: 15,
  4240. radio: 3.9
  4241. }, {
  4242. name: '特色优势产业',
  4243. value: 56,
  4244. radio: 10.5
  4245. }];
  4246. var data = [];
  4247. for (var i = 0; i < totalData.length; i++) {
  4248. data.push({
  4249. value: totalData[i].value,
  4250. name: totalData[i].name,
  4251. itemStyle: {
  4252. normal: {
  4253. borderWidth: 8,
  4254. shadowBlur: 0,
  4255. borderColor: commonColor[i],
  4256. shadowColor: commonColor[i]
  4257. }
  4258. }
  4259. },
  4260. {
  4261. value: 5,
  4262. name: '',
  4263. tooltip: { show: false },
  4264. itemStyle: {
  4265. normal: {
  4266. label: {
  4267. show: false
  4268. },
  4269. labelLine: {
  4270. show: false
  4271. },
  4272. color: 'rgba(0, 0, 0, 0)',
  4273. borderColor: 'rgba(0, 0, 0, 0)',
  4274. borderWidth: 0
  4275. }
  4276. }
  4277. }
  4278. );
  4279. }
  4280. var seriesOption = [
  4281. {
  4282. name: '',
  4283. type: 'pie',
  4284. clockWise: false,
  4285. radius: [170, 160],
  4286. center: [260, 250],
  4287. hoverAnimation: false,
  4288. itemStyle: {
  4289. normal: {
  4290. label: {
  4291. show: false,
  4292. }
  4293. }
  4294. },
  4295. data: data
  4296. },
  4297. ];
  4298. option = {
  4299. color: commonColor,
  4300. title: {
  4301. show: false,
  4302. text: '风险类型123',
  4303. top: '48%',
  4304. textAlign: "center",
  4305. left: "49%",
  4306. textStyle: {
  4307. color: '#fff',
  4308. fontSize: 18,
  4309. fontWeight: '400'
  4310. }
  4311. },
  4312. tooltip: {
  4313. show: true,
  4314. formatter: function (params) {
  4315. that.leftEcharts17.dispose()
  4316. that.leftEcharts17Fun()
  4317. left2[0] = that.numDiv(params.percent + 3.2, 100)
  4318. if (params.seriesIndex === 2) {
  4319. return null; // 隐藏部分2的tooltip
  4320. } else {
  4321. return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量:<b>${params.value}</b>个`
  4322. }
  4323. },
  4324. confine: true,
  4325. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4326. borderColor: "rgba(50,50,50,0.7)",
  4327. textStyle: {
  4328. color: "#fff",
  4329. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4330. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4331. fontSize: "28", // 文字字体大小
  4332. }
  4333. },
  4334. legend: {
  4335. icon: "circle",
  4336. orient: 'vertical',
  4337. data: ['传统产业', '公共基础产业', '战略性新兴产业', '特色优势产业'],
  4338. right: 0,
  4339. bottom: 0,
  4340. align: 'left',
  4341. textStyle: {
  4342. color: '#FFF', // 文字的颜色
  4343. fontSize: '20', // 文字字体大小
  4344. fontFamily: 'Microsoft YaHei'
  4345. },
  4346. itemGap: 20
  4347. },
  4348. toolbox: {
  4349. show: false
  4350. },
  4351. graphic: [{
  4352. type: 'image',
  4353. id: 'background',
  4354. left: 130,
  4355. top: "center",
  4356. zlevel: 0,
  4357. silent: true,
  4358. style: {
  4359. width: 260, // 设置图片宽度
  4360. height: 260, // 设置图片高度
  4361. image: "data:image/png;base64,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"
  4362. }
  4363. }],
  4364. series: seriesOption
  4365. }
  4366. function _pie3 () {
  4367. let dataArr = [];
  4368. for (var i = 0; i < 100; i++) {
  4369. if (i % 2 === 0) {
  4370. dataArr.push({
  4371. name: (i + 1).toString(),
  4372. value: 25,
  4373. tooltip: { show: false },
  4374. itemStyle: {
  4375. normal: {
  4376. color: "#5A5DE0",
  4377. borderWidth: 1,
  4378. borderColor: "#5A5DE0"
  4379. }
  4380. }
  4381. })
  4382. } else {
  4383. dataArr.push({
  4384. name: (i + 1).toString(),
  4385. value: 20,
  4386. tooltip: { show: false },
  4387. itemStyle: {
  4388. normal: {
  4389. color: "rgba(0,0,0,0)",
  4390. borderWidth: 0,
  4391. borderColor: "rgba(0,0,0,0)"
  4392. }
  4393. }
  4394. })
  4395. }
  4396. }
  4397. console.log(dataArr);
  4398. return dataArr
  4399. }
  4400. //轮播
  4401. tools.loopShowTooltip(that.leftEcharts12, option, {
  4402. interval: 1000,
  4403. loopSeries: true,
  4404. });
  4405. //注册
  4406. that.leftEcharts12.setOption(option);
  4407. },
  4408. leftEcharts17Fun () {
  4409. console.log('就没走了么??')
  4410. let that = this;
  4411. this.leftEcharts17 = echarts.init(this.$refs["leftEcharts17"]);
  4412. var seriesOption = [
  4413. {
  4414. type: "liquidFill",
  4415. radius: "40%",
  4416. tooltip: {
  4417. show: false
  4418. },
  4419. data: [left2[0]],
  4420. center: [270, 260],
  4421. backgroundStyle: {
  4422. color: {
  4423. type: "radial",
  4424. x: 0.5,
  4425. y: 0.5,
  4426. r: 0.5,
  4427. // 水球体颜色
  4428. colorStops: [
  4429. {
  4430. offset: 0,
  4431. color: "#010a11",
  4432. },
  4433. {
  4434. offset: 0.75,
  4435. // color: "#203852",
  4436. color: "#1a2f45",
  4437. },
  4438. {
  4439. offset: 1,
  4440. // color: "#354e6d",
  4441. color: "#2b405a",
  4442. // color: "#314967",
  4443. },
  4444. ],
  4445. globalCoord: false,
  4446. },
  4447. },
  4448. outline: {
  4449. borderDistance: 0,
  4450. itemStyle: {
  4451. borderWidth: 0,
  4452. borderColor: {
  4453. type: "linear",
  4454. x: 0,
  4455. y: 0,
  4456. x2: 0,
  4457. y2: 1,
  4458. colorStops: [
  4459. ],
  4460. globalCoord: false,
  4461. },
  4462. },
  4463. },
  4464. color: [
  4465. {
  4466. x: 0,
  4467. y: 0,
  4468. x2: 0,
  4469. y2: 1,
  4470. colorStops: [{
  4471. offset: 0,
  4472. color: '#237386',
  4473. },
  4474. {
  4475. offset: 1,
  4476. color: '#0078C8',
  4477. },],
  4478. },
  4479. {
  4480. x: 0,
  4481. y: 0,
  4482. x2: 0,
  4483. y2: 1,
  4484. colorStops: [{
  4485. offset: 0,
  4486. color: '#2F97A9',
  4487. },
  4488. {
  4489. offset: 1,
  4490. color: '#0078C8',
  4491. },],
  4492. },
  4493. {
  4494. x: 0,
  4495. y: 0,
  4496. x2: 0,
  4497. y2: 1,
  4498. colorStops: [{
  4499. offset: 0,
  4500. color: '#48E0ED',
  4501. },
  4502. {
  4503. offset: 1,
  4504. color: '#0078C8',
  4505. },],
  4506. }
  4507. ],
  4508. label: {
  4509. normal: {
  4510. textStyle: {
  4511. fontSize: '50',
  4512. color: "#58E6F7", // x轴文字颜色
  4513. },
  4514. },
  4515. },
  4516. },
  4517. ];
  4518. option = {
  4519. color: commonColor,
  4520. title: {
  4521. show: false,
  4522. text: '',
  4523. top: '48%',
  4524. textAlign: "center",
  4525. left: "49%",
  4526. textStyle: {
  4527. color: '#fff',
  4528. fontSize: 18,
  4529. fontWeight: '400'
  4530. }
  4531. },
  4532. series: seriesOption
  4533. }
  4534. //注册
  4535. that.leftEcharts17.setOption(option);
  4536. },
  4537. leftEcharts13Fun () {
  4538. let that = this;
  4539. this.leftEcharts13 = echarts.init(this.$refs["leftEcharts13"]);
  4540. var totalData = [{
  4541. name: '新建',
  4542. value: 12,
  4543. radio: 0.13
  4544. }, {
  4545. name: '续建',
  4546. value: 52,
  4547. radio: 0.01
  4548. }];
  4549. var data = [];
  4550. for (var i = 0; i < totalData.length; i++) {
  4551. data.push({
  4552. value: totalData[i].value,
  4553. name: totalData[i].name,
  4554. itemStyle: {
  4555. normal: {
  4556. borderWidth: 8,
  4557. shadowBlur: 0,
  4558. borderColor: commonColor[i],
  4559. shadowColor: commonColor[i]
  4560. }
  4561. }
  4562. },
  4563. {
  4564. value: 5,
  4565. name: '',
  4566. tooltip: { show: false },
  4567. itemStyle: {
  4568. normal: {
  4569. label: {
  4570. show: false
  4571. },
  4572. labelLine: {
  4573. show: false
  4574. },
  4575. color: 'rgba(0, 0, 0, 0)',
  4576. borderColor: 'rgba(0, 0, 0, 0)',
  4577. borderWidth: 0
  4578. }
  4579. }
  4580. }
  4581. );
  4582. }
  4583. var seriesOption = [
  4584. {
  4585. name: '',
  4586. type: 'pie',
  4587. clockWise: false,
  4588. radius: [170, 160],
  4589. center: [350, 250],
  4590. hoverAnimation: false,
  4591. itemStyle: {
  4592. normal: {
  4593. label: {
  4594. show: false,
  4595. }
  4596. }
  4597. },
  4598. data: data
  4599. },
  4600. {
  4601. type: 'pie',
  4602. radius: [120, 120],
  4603. center: [350, 250],
  4604. zlevel: 3,
  4605. silent: true,
  4606. label: {
  4607. normal: {
  4608. show: false
  4609. },
  4610. },
  4611. labelLine: {
  4612. normal: {
  4613. show: false
  4614. }
  4615. },
  4616. data: _pie3()
  4617. }
  4618. ];
  4619. option = {
  4620. color: commonColor,
  4621. title: {
  4622. show: false,
  4623. text: '35%',
  4624. top: '40%',
  4625. textAlign: "center",
  4626. left: "50%",
  4627. textStyle: {
  4628. fontWeight: '600',
  4629. fontFamily: 'Microsoft YaHei',
  4630. fontSize: '50',
  4631. color: "#58E6F7", // x轴文字颜色
  4632. }
  4633. },
  4634. tooltip: {
  4635. show: true,
  4636. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4637. borderColor: "rgba(50,50,50,0.7)",
  4638. confine: true,
  4639. textStyle: {
  4640. color: "#fff",
  4641. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4642. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4643. fontSize: "28", // 文字字体大小
  4644. },
  4645. formatter: (params) => {
  4646. that.stageTitle = params.name
  4647. that.stageTitle2 = params.percent + '%'
  4648. return `${params.name}:<br/>金额:<b>${totalData[params.seriesIndex].radio}</b>亿<br/>数量:<b>${params.value}</b>个`
  4649. }
  4650. },
  4651. legend: {
  4652. icon: "circle",
  4653. orient: 'vertical',
  4654. data: ['新建', '续建'],
  4655. right: 0,
  4656. bottom: 0,
  4657. align: 'left',
  4658. textStyle: {
  4659. color: '#FFF', // 文字的颜色
  4660. fontSize: '20', // 文字字体大小
  4661. },
  4662. itemGap: 20
  4663. },
  4664. toolbox: {
  4665. show: false
  4666. },
  4667. series: seriesOption
  4668. }
  4669. function _pie3 () {
  4670. let dataArr = [];
  4671. for (var i = 0; i < 1; i++) {
  4672. if (i % 2 === 0) {
  4673. dataArr.push({
  4674. name: (i + 1).toString(),
  4675. value: 25,
  4676. tooltip: { show: false },
  4677. itemStyle: {
  4678. normal: {
  4679. color: "#5A5DE0",
  4680. borderWidth: 1,
  4681. borderColor: "#5A5DE0"
  4682. }
  4683. }
  4684. })
  4685. } else {
  4686. dataArr.push({
  4687. name: (i + 1).toString(),
  4688. value: 20,
  4689. tooltip: { show: false },
  4690. itemStyle: {
  4691. normal: {
  4692. color: "rgba(0,0,0,0)",
  4693. borderWidth: 0,
  4694. borderColor: "rgba(0,0,0,0)"
  4695. }
  4696. }
  4697. })
  4698. }
  4699. }
  4700. return dataArr
  4701. }
  4702. //轮播
  4703. tools.loopShowTooltip(that.leftEcharts13, option, {
  4704. interval: 1000,
  4705. loopSeries: true,
  4706. });
  4707. //注册
  4708. that.leftEcharts13.setOption(option);
  4709. },
  4710. leftEcharts14Fun () {
  4711. let that = this;
  4712. this.leftEcharts14 = echarts.init(this.$refs["leftEcharts14"]);
  4713. that.leftEcharts14.on("showTip", (params) => {
  4714. // 如果是7或者15并且满足防抖则切换
  4715. if (
  4716. (params.dataIndex == 5 || params.dataIndex == 11) &&
  4717. that.echartC1Fd1
  4718. ) {
  4719. that.echartC1Fd1 = false;
  4720. setTimeout(() => {
  4721. option.dataZoom[0].endValue = option.dataZoom[0].endValue + 6;
  4722. option.dataZoom[0].startValue = option.dataZoom[0].startValue + 6;
  4723. that.leftEcharts14.setOption(option);
  4724. // 防止勿刷新做的防抖
  4725. setTimeout(() => {
  4726. that.echartC1Fd1 = true;
  4727. }, 2000);
  4728. }, 1900);
  4729. // 如果是17表示到了最后一个,那么重新来一遍
  4730. } else if (params.dataIndex == 17 && that.echartC1Fd1) {
  4731. that.echartC1Fd1 = false;
  4732. setTimeout(() => {
  4733. option.dataZoom[0].endValue = 0;
  4734. option.dataZoom[0].startValue = 5;
  4735. that.leftEcharts14.setOption(option);
  4736. // 防止勿刷新做的防抖
  4737. setTimeout(() => {
  4738. that.echartC1Fd1 = true;
  4739. }, 2000);
  4740. }, 1900);
  4741. }
  4742. });
  4743. let option = {
  4744. dataZoom: [
  4745. {
  4746. // start: 9,//默认为@
  4747. // end: 100,//黑认认为1@0
  4748. type: "slider",
  4749. show: false,
  4750. yAxisIndex: 0,
  4751. handlesize: 0, //滑动条的 左右2个滑动条的大小
  4752. startValue: 5, // 初始显示值
  4753. endValue: 0, // 结束显示值
  4754. height: 10, //组件高度
  4755. left: "5%",
  4756. right: "4%", //右边的距离
  4757. bottom: "25%", //底边的距离
  4758. borderColor: "#939",
  4759. fillerColor: "#269cdb",
  4760. borderRadius: 5,
  4761. backgroundColor: "#33384b", //两边未选中的滑动条区域的额色
  4762. showDataShadow: false, //是否显示数据阴影
  4763. showDetail: false, //即拖拽时候是否显示详细数值信息
  4764. truerealtime: true, //是否实时更新
  4765. filterMode: "filter",
  4766. },
  4767. {
  4768. type: "inside",
  4769. show: true,
  4770. start: 1,
  4771. end: 100,
  4772. zoomOnMouseWheel: false, //滚轮是否触发缩放
  4773. moveOnMouseMove: false, //鼠标滚轮触发滚动
  4774. },
  4775. ],
  4776. tooltip: {
  4777. show: true,
  4778. trigger: "axis",
  4779. // formatter: (data) => {
  4780. // return `${data[0].name
  4781. // }<br /><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[0].color
  4782. // }"></span> ${data[0].seriesName}:${that.numFormat(
  4783. // data[0].value
  4784. // )}亿<br/><span style="display:inline-block;border-radius:50%; width:20px;height:20px;background-color:${data[1].color.colorStops[0].color
  4785. // }"></span> ${data[1].seriesName}:${that.numFormat(
  4786. // data[1].value
  4787. // )}亿`;
  4788. // },
  4789. axisPointer: {
  4790. // 坐标轴指示器,坐标轴触发有效
  4791. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  4792. },
  4793. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4794. borderColor: "rgba(50,50,50,0.7)",
  4795. textStyle: {
  4796. color: "#fff",
  4797. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4798. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4799. fontSize: "28", // 文字字体大小
  4800. },
  4801. },
  4802. legend: {
  4803. top: "top",
  4804. textStyle: {
  4805. color: "#fff",
  4806. fontSize: 20,
  4807. padding: [0, 20],
  4808. },
  4809. },
  4810. grid: {
  4811. left: '3%',
  4812. right: '7%',
  4813. bottom: '3%',
  4814. containLabel: true
  4815. },
  4816. xAxis: {
  4817. name: '亿',
  4818. nameTextStyle: {
  4819. color: '#fff',
  4820. fontSize: 20,
  4821. fontFamily: 'Microsoft YaHei'
  4822. },
  4823. type: 'value',
  4824. axisLabel: {
  4825. textStyle: {
  4826. color: "white",
  4827. fontSize: '20',
  4828. fontFamily: 'Microsoft YaHei'
  4829. },
  4830. },
  4831. splitLine: {
  4832. show: true,
  4833. lineStyle: {
  4834. color: "#68b4dd66",
  4835. width: 1,
  4836. type: "dashed",
  4837. },
  4838. },
  4839. },
  4840. yAxis: {
  4841. type: 'category',
  4842. axisTick: {
  4843. lineStyle: {
  4844. color: "#18416F",
  4845. },
  4846. },
  4847. // y轴的字体颜色
  4848. axisLabel: {
  4849. textStyle: {
  4850. color: "white",
  4851. fontSize: '20',
  4852. fontFamily: 'Microsoft YaHei'
  4853. },
  4854. },
  4855. splitLine: {
  4856. show: false,
  4857. lineStyle: {
  4858. color: "#68b4dd66",
  4859. width: 1,
  4860. type: "dashed",
  4861. },
  4862. },
  4863. //y轴线的颜色以及宽度
  4864. axisLine: {
  4865. show: true,
  4866. lineStyle: {
  4867. color: "#1E5389",
  4868. width: 1,
  4869. type: "solid",
  4870. },
  4871. },
  4872. nameTextStyle: {
  4873. color: '#fff',
  4874. fontSize: 20,
  4875. fontFamily: 'Microsoft YaHei'
  4876. },
  4877. data: that.riskData1.x
  4878. },
  4879. series: [
  4880. {
  4881. name: '实际投资',
  4882. type: 'bar',
  4883. data: that.riskData1.y1,
  4884. barGap: '-145%',
  4885. barWidth: "15",
  4886. zlevel: 10,
  4887. itemStyle: {
  4888. barBorderRadius: [0, 20, 20, 0],
  4889. color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
  4890. {
  4891. offset: 0,
  4892. color: '#0F357C',
  4893. },
  4894. {
  4895. offset: 1,
  4896. color: '#B78CFF',
  4897. },
  4898. ]),
  4899. },
  4900. },
  4901. {
  4902. name: '计划投资',
  4903. type: 'bar',
  4904. data: that.riskData1.y2,
  4905. barWidth: "30",
  4906. itemStyle: {
  4907. barBorderRadius: [0, 50, 50, 0],
  4908. borderColor: '#B78CFF',
  4909. color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
  4910. {
  4911. offset: 0,
  4912. color: '#0F357C80',
  4913. },
  4914. {
  4915. offset: 1,
  4916. color: '#10417F80',
  4917. },
  4918. ]),
  4919. },
  4920. }
  4921. ]
  4922. };
  4923. //轮播
  4924. tools.loopShowTooltip(that.leftEcharts14, option, {
  4925. interval: 2000,
  4926. loopSeries: true,
  4927. });
  4928. //注册
  4929. that.leftEcharts14.setOption(option);
  4930. },
  4931. leftEcharts15Fun () {
  4932. let that = this;
  4933. this.leftEcharts15 = echarts.init(this.$refs["leftEcharts15"]);
  4934. var xdata = ['煤炭和煤电', '煤电和新能源', '煤炭和化工', '煤炭和数字', '煤炭和降碳'];
  4935. var data = statusList;
  4936. option = {
  4937. tooltip: {
  4938. show: true,
  4939. trigger: "axis",
  4940. formatter: data => {
  4941. return `${data[0].name}<br />投资金额:${data[0].value}亿<br />项目数量:${statusList[data[0].dataIndex].num}个`
  4942. },
  4943. axisPointer: {
  4944. // 坐标轴指示器,坐标轴触发有效
  4945. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  4946. },
  4947. backgroundColor: "rgba(50,50,50,0.7)", // 提示框浮层的背景颜色
  4948. borderColor: "rgba(50,50,50,0.7)",
  4949. textStyle: {
  4950. color: "#fff",
  4951. fontStyle: "normal", // 文字字体的风格('normal',无样式;'italic',斜体;'oblique',倾斜字体)
  4952. fontWeight: "normal", // 文字字体的粗细('normal',无样式;'bold',加粗;'bolder',加粗的基础上再加粗;'lighter',变细;数字定义粗细也可以,取值范围100至700)
  4953. fontSize: "28", // 文字字体大小
  4954. },
  4955. },
  4956. grid: {
  4957. left: "4%",
  4958. right: "4%",
  4959. bottom: "3%",
  4960. top: "15%",
  4961. containLabel: true
  4962. },
  4963. xAxis: {
  4964. data: xdata,
  4965. triggerEvent: true,
  4966. axisTick: {
  4967. show: false
  4968. },
  4969. axisLine: {
  4970. show: false
  4971. },
  4972. axisLabel: {
  4973. show: true,
  4974. rotate: 0,
  4975. interval: 0,
  4976. textStyle: {
  4977. padding: [14, 0, 0, 0],
  4978. fontSize: 20,
  4979. color: "rgba(255,255,255,1)"
  4980. }
  4981. }
  4982. },
  4983. yAxis: {
  4984. name: "单位:个数",
  4985. triggerEvent: true,
  4986. nameTextStyle: {
  4987. color: "#fff",
  4988. fontSize: 16,
  4989. padding: [0, 0, 10, -20]
  4990. },
  4991. splitLine: {
  4992. show: true,
  4993. lineStyle: {
  4994. color: 'rgba(255,255,255,.1)'
  4995. }
  4996. },
  4997. axisTick: {
  4998. show: false
  4999. },
  5000. axisLine: {
  5001. show: true,
  5002. lineStyle: {
  5003. color: 'rgba(255,255,255,.1)'
  5004. }
  5005. },
  5006. axisLabel: {
  5007. show: true,
  5008. textStyle: {
  5009. color: "#fff",
  5010. fontSize: 20
  5011. }
  5012. }
  5013. },
  5014. series: [
  5015. {
  5016. name: "数量",
  5017. type: "pictorialBar",
  5018. barCategoryGap: "60%",
  5019. // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
  5020. symbol: "path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z",
  5021. itemStyle: {
  5022. normal: {
  5023. //渐变色
  5024. color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  5025. offset: 0,
  5026. color: "#01EAED"
  5027. },
  5028. {
  5029. offset: 0.5,
  5030. color: "#02C4DD"
  5031. },
  5032. {
  5033. offset: 1,
  5034. color: "#029ED9"
  5035. }
  5036. ])
  5037. }
  5038. },
  5039. label: {
  5040. normal: {
  5041. show: false,
  5042. position: "top",
  5043. textStyle: {
  5044. color: "#fff",
  5045. fontSize: 20
  5046. }
  5047. }
  5048. },
  5049. data: data,
  5050. }
  5051. ]
  5052. }
  5053. //轮播
  5054. tools.loopShowTooltip(that.leftEcharts15, option, {
  5055. interval: 2000,
  5056. loopSeries: true,
  5057. });
  5058. //注册
  5059. that.leftEcharts15.setOption(option);
  5060. },
  5061. leftEcharts16Fun () {
  5062. let that = this;
  5063. this.leftEcharts16 = echarts.init(this.$refs["leftEcharts16"]);
  5064. // var ROOT_PATH = 'https://echarts.apache.org/examples';
  5065. let option = {
  5066. backgroundColor: "#00000000",
  5067. globe: {
  5068. globeRadius: 85,
  5069. baseTexture: "./img/3D/world1.jpg",
  5070. heightTexture: "./img/3D/world1.jpg",
  5071. displacementScale: 0.04,
  5072. shading: "realistic",
  5073. // environment: './img/3D/world2.jpg',
  5074. realisticMaterial: {
  5075. roughness: 0.9,
  5076. },
  5077. postEffect: {
  5078. enable: true,
  5079. },
  5080. light: {
  5081. main: {
  5082. intensity: 1,
  5083. shadow: true,
  5084. },
  5085. },
  5086. },
  5087. };
  5088. that.leftEcharts16.setOption(option);
  5089. },
  5090. // 回到中国地图
  5091. backChina () {
  5092. let that = this
  5093. if (!this.mapShow) {
  5094. return
  5095. }
  5096. this.mapShow = false
  5097. that.leftEcharts12.dispose()
  5098. that.leftEcharts14.dispose()
  5099. that.leftEcharts9.dispose()
  5100. that.leftEcharts15.dispose()
  5101. that.leftEcharts13.dispose()
  5102. that.shanxiMap.dispose()
  5103. setTimeout(() => {
  5104. that.chinaEchartsFun()
  5105. that.leftEcharts16Fun()
  5106. });
  5107. },
  5108. tipShow1Fun (e, name) {
  5109. this.closeTap()
  5110. this.titleUrl = e
  5111. this.titleName = name
  5112. this.$nextTick(() => {
  5113. this.tipShow1 = true
  5114. })
  5115. },
  5116. // 关闭所有弹窗的方法
  5117. closeTap () {
  5118. this.tipShow1 = false
  5119. },
  5120. //点击弹窗左半部分
  5121. popLeftClick () {
  5122. if (this.titleUrl == '2.png') {
  5123. this.titleUrl = '3.png'
  5124. } else if (this.titleUrl == '7.png') {
  5125. this.titleUrl = '8.png'
  5126. } else if (this.titleUrl == '3.png') {
  5127. this.titleUrl = '2.png'
  5128. } else if (this.titleUrl == '8.png') {
  5129. this.titleUrl = '7.png'
  5130. } else if (this.titleUrl == '5.png') {
  5131. this.titleUrl = '2.png'
  5132. } else if (this.titleUrl == '10.png') {
  5133. this.titleUrl = '7.png'
  5134. }
  5135. },
  5136. //点击弹窗右半部分
  5137. poprightClick () {
  5138. if (this.titleUrl == '2.png') {
  5139. this.titleUrl = '5.png'
  5140. } else if (this.titleUrl == '7.png') {
  5141. this.titleUrl = '10.png'
  5142. } else if (this.titleUrl == '5.png') {
  5143. this.titleUrl = '2.png'
  5144. } else if (this.titleUrl == '10.png') {
  5145. this.titleUrl = '7.png'
  5146. } else if (this.titleUrl == '3.png') {
  5147. this.titleUrl = '2.png'
  5148. } else if (this.titleUrl == '8.png') {
  5149. this.titleUrl = '7.png'
  5150. }
  5151. },
  5152. // 单个柱状图的弹窗
  5153. showChartLTipSingle (e, location, type, param, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType, num) {
  5154. this.projectNum = num
  5155. this.closeTap()
  5156. this.titleName = e
  5157. this.echartSingleTipShow = true
  5158. if (this.versions) {
  5159. if (location == 'center') {
  5160. this.centerPenetrateOne(type, param, 1, typeCTwo, paramCTwo, portType)
  5161. }
  5162. if (location == 'left') {
  5163. this.leftPenetrateOne(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, 1, type, param)
  5164. }
  5165. } else {
  5166. setTimeout(() => {
  5167. this.initChartLTip(location)
  5168. })
  5169. }
  5170. },
  5171. initChartLTip (location, mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, typeCTwo, paramCTwo, portType) {
  5172. this.myChartTip1 = echarts.init(document.getElementById("echartSingleTip"));
  5173. if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
  5174. common3 = common3.map((item) => Number(item) + 1)
  5175. }
  5176. let option = {
  5177. grid: {
  5178. top: 40,
  5179. right: 0,
  5180. left: 60,
  5181. bottom: 70,
  5182. },
  5183. tooltip: {
  5184. show: true,
  5185. trigger: "axis",
  5186. axisPointer: {
  5187. // 坐标轴指示器,坐标轴触发有效
  5188. type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
  5189. },
  5190. formatter: data => {
  5191. if (this.titleName == '项目数量' || this.titleName == '项目总数') {
  5192. return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(data[0].value)}个`
  5193. } else {
  5194. return `${data[0].name}</br>${data[0].seriesName}:${that.numFormat(that.numSub(data[0].value, 1))}亿`
  5195. }
  5196. },
  5197. textStyle: {
  5198. color: '#FFF', // 文字的颜色
  5199. fontSize: '20', // 文字字体大小
  5200. fontFamily: 'Microsoft YaHei'
  5201. },
  5202. },
  5203. xAxis: {
  5204. data: commonCompany,
  5205. axisTick: {
  5206. show: false,
  5207. },
  5208. // x轴的字体颜色
  5209. axisLabel: {
  5210. rotate: 40,
  5211. textStyle: {
  5212. color: "white",
  5213. fontSize: '20',
  5214. fontFamily: 'Microsoft YaHei'
  5215. },
  5216. },
  5217. //y轴线的颜色以及宽度
  5218. axisLine: {
  5219. show: true,
  5220. lineStyle: {
  5221. color: "#1E5389",
  5222. width: 1,
  5223. type: "solid",
  5224. },
  5225. },
  5226. },
  5227. yAxis: {
  5228. minInterval: 1,
  5229. // onZero:true,
  5230. name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '个' : '亿',
  5231. nameTextStyle: {//y轴上方单位的颜色
  5232. color: '#fff',
  5233. fontSize: '20',
  5234. fontFamily: 'Microsoft YaHei'
  5235. },
  5236. axisTick: {
  5237. lineStyle: {
  5238. color: "#18416F",
  5239. },
  5240. },
  5241. // y轴的字体颜色
  5242. axisLabel: {
  5243. textStyle: {
  5244. color: "white",
  5245. fontSize: '20'
  5246. },
  5247. formatter: function (value) {
  5248. if (that.titleName == '项目数量' || that.titleName == '项目总数') {
  5249. return value
  5250. } else {
  5251. return value === 1 ? 0 : value
  5252. }
  5253. }
  5254. },
  5255. splitLine: {
  5256. show: true,
  5257. lineStyle: {
  5258. color: '#68b4dd66',
  5259. type: 'dashed',
  5260. },
  5261. },
  5262. //y轴线的颜色以及宽度
  5263. axisLine: {
  5264. show: true,
  5265. lineStyle: {
  5266. color: "#1E5389",
  5267. width: 1,
  5268. type: "solid",
  5269. },
  5270. },
  5271. },
  5272. series: [
  5273. {
  5274. name: (this.titleName == '项目数量' || this.titleName == '项目总数') ? '总数量' : "总额度",
  5275. type: "bar",
  5276. data: common3,
  5277. showBackground: false,
  5278. backgroundStyle: {
  5279. color: "#18416F",
  5280. },
  5281. barWidth: "30%",
  5282. itemStyle: {
  5283. // barBorderRadius: [10, 10, 0, 0],
  5284. color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
  5285. {
  5286. offset: 0,
  5287. color: '#082550',
  5288. },
  5289. {
  5290. offset: 1,
  5291. color: '#957DFF',
  5292. },
  5293. ]),
  5294. },
  5295. },
  5296. ],
  5297. legend: {
  5298. // data: ["2022年额度", "2023年额度"],
  5299. data: (this.titleName == '项目数量' || this.titleName == '项目总数') ? ["总数量"] : ["总额度"],
  5300. textStyle: {
  5301. // 图列内容样式
  5302. color: "#fff", // 字体颜色
  5303. fontSize: "20",
  5304. fontFamily: 'Microsoft YaHei'
  5305. },
  5306. right: 'center',
  5307. y: 5,
  5308. // 小图标的宽高
  5309. },
  5310. };
  5311. if (!(this.titleName == '项目数量' || this.titleName == '项目总数')) {
  5312. option.yAxis.min = 1
  5313. option.yAxis.type = 'log'
  5314. option.yAxis.logBase = 5
  5315. }
  5316. tools.loopShowTooltip(this.myChartTip1, option, {
  5317. interval: 2000,
  5318. loopSeries: true,
  5319. })
  5320. let that = this
  5321. that.myChartTip1.on('click', function (param) {
  5322. if (that.versions) {
  5323. if (location == 'right') {
  5324. that.rightPenetrateTwo(that.rightPenetrateTwo.modelName, '', that.findCode(param.name))
  5325. } else if (location == 'left') {
  5326. that.leftPenetrateTwo(mdnb_textfield11, mdnb_textfield13, mdnb_textfield16, mdnb_textfield23, param.name, that.projectNum)
  5327. } else if (location == 'center') {
  5328. that.centerPenetrateTwo(typeCTwo, paramCTwo, that.findCode(param.name), portType)
  5329. }
  5330. } else {
  5331. that.projectListTipShow = true
  5332. }
  5333. })
  5334. that.myChartTip1.setOption(option);
  5335. },
  5336. },
  5337. });