123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551 |
- var mapChart = echarts.init(document.getElementById("map"));
- var color = '#a6c84c';
- var lineData = [
- [{name:'江苏'}, {name:'北京',value:80}],
- [{name:'上海'}, {name:'北京',value:90}],
- [{name:'四川'}, {name:'北京',value:80}],
- [{name:'云南'}, {name:'北京',value:70}]
- ];
- var geoCoordMap = {
- 江苏: [119.18,32.45],
- 云南: [102.73,25.04],
- 四川: [100.21,30.15],
- 上海: [121.48, 31.22],
- 北京: [116.46, 39.92]
- };
-
- // 获取迁徙线的经纬度
- var convertLineData = function (data) {
- var res = [];
- for (var i = 0; i < data.length; i++) {
- var dataItem = data[i];
- var fromCoord = geoCoordMap[dataItem[0].name];
- var toCoord = geoCoordMap[dataItem[1].name];
- if (fromCoord && toCoord) {
- res.push({
- fromName: dataItem[0].name,
- toName: dataItem[1].name,
- coords: [fromCoord, toCoord]
- });
- }
- }
- return res;
- };
- var effectScatterData = function(dataArr){
- var res = [];
- for(var i = 0; i < dataArr.length; i++){
- res.push({
- name: dataArr[i][1].name,
- value: geoCoordMap[dataArr[i][1].name].concat([dataArr[i][1].value])
- })
- }
- return res;
- };
- var rich = {
- a: {
- fontSize: 18,
- align: 'left',
- padding: [0,0,60,40]
- },
- w: {
- fontSize: 16,
- align: 'left',
- padding: [0,0,-25,110]
- },
- t1: {
- fontSize: 16,
- align: 'left',
- padding: [0,0,-45,110]
- },
- t2: {
- fontSize: 16,
- align: 'left',
- padding: [0,0,-5,110]
- }
- }
- // 省份数据
- var mapData = [
- {
- name: '江苏',
- valueC: 1250,
- itemStyle: {
- normal: {
- areaColor: '#00b6f6'
- },
- emphasis: {
- areaColor: "#00b6f6"
- }
- },
- label: {
- emphasis: {
- formatter: function(params){
- var data = params.data;
- return (
- '{a|' + params.name + '}' +
- "\n" +
- '{w|' + "采购单:" + (data.valueC ? data.valueC : '') + '批次' + '}'
- )
- }
- },
- rich: rich
- }
- },
- {
- name: '四川',
- valueC: 83,
- itemStyle: {
- normal: {
- areaColor: '#0069e8'
- },
- emphasis: {
- areaColor: "#0069e8"
- }
- },
- label: {
- emphasis: {
- formatter: function(params){
- var data = params.data;
- return (
- '{a|' + params.name + '}' +
- "\n" +
- '{w|' + "采购单:" + (data.valueC ? data.valueC : '') + '批次' + '}'
- )
- }
- },
- rich: rich
- }
- },
- {
- name: '上海',
- valueC: 209,
- valueS: 166,
- itemStyle: {
- normal: {
- areaColor: '#27E9FD'
- },
- emphasis: {
- areaColor: "#27E9FD"
- }
- },
- label: {
- emphasis: {
- formatter: function(params){
- var data = params.data;
- return (
- '{a|' + params.name + '}' +
- "\n" +
- '{t1|' + "采购单:" + (data.valueC ? data.valueC : '') + '批次' + '}' +
- "\n" +
- '{t2|' + "收货单:" + (data.valueS ? data.valueS : '') + '批次' + '}'
- )
- }
- },
- rich: rich
- }
- },
- {
- name: '云南',
- valueC: 165,
- itemStyle: {
- normal: {
- areaColor: '#20CAF8'
- },
- emphasis: {
- areaColor: "#20CAF8"
- }
- },
- label: {
- emphasis: {
- formatter: function(params){
- var data = params.data;
- return (
- '{a|' + params.name + '}' +
- "\n" +
- '{w|' + "采购单:" + (data.valueC ? data.valueC : '') + '批次' + '}'
- )
- }
- },
- rich: rich
- }
- },
- {
- name: '湖南',
- valueB: 66.7,
- valueVariety: 1.9,
- valueM: 2569,
- valueStock: 1021,
- itemStyle: {
- normal: {
- areaColor: '#0554E4'
- },
- emphasis: {
- areaColor: "#0554E4"
- }
- }
- },
- {
- name: '湖北',
- valueB: 55.7,
- valueVariety: 1.3,
- valueM: 1765,
- valueStock: 634,
- itemStyle: {
- normal: {
- areaColor: '#005ce5'
- },
- emphasis: {
- areaColor: "#005ce5"
- }
- }
- },
- {
- name: '河北',
- valueB: 52.7,
- valueVariety: 2.3,
- valueM: 1034,
- valueStock: 460,
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: "#034DE4"
- }
- }
- },
- {
- name: '河南',
- valueB: 52.7,
- valueVariety: 1.1,
- valueM: 824,
- valueStock: 402,
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: "#034DE4"
- }
- }
- },
- {
- name: '黑龙江',
- valueB: 32.7,
- valueVariety: 1.4,
- valueM: 1240,
- valueStock: 645,
- itemStyle: {
- normal: {
- areaColor: '#17A3F1'
- },
- emphasis: {
- areaColor: "#17A3F1"
- }
- }
- },
- {
- name: '山东',
- valueB: 42.7,
- valueVariety: 1.3,
- valueM: 1732,
- valueStock: 734,
- itemStyle: {
- normal: {
- areaColor: '#4BFFFF'
- },
- emphasis: {
- areaColor: "#4BFFFF"
- }
- }
- },
- {
- name: '新疆',
- valueB: 32.1,
- valueVariety: 1.4,
- valueM: 1324,
- valueStock: 509,
- itemStyle: {
- normal: {
- areaColor: '#17A3F1'
- },
- emphasis: {
- areaColor: "#17A3F1"
- }
- }
- },
- {
- name: '江西',
- valueB: 22.7,
- valueVariety: 1.1,
- valueM: 679,
- valueStock: 386,
- itemStyle: {
- normal: {
- areaColor: '#01a4f1'
- },
- emphasis: {
- areaColor: "#01a4f1"
- }
- }
- },
- {
- name: '甘肃',
- valueB: 12.7,
- valueVariety: 1.4,
- valueM: 834,
- valueStock: 379,
- itemStyle: {
- normal: {
- areaColor: '#0042df'
- },
- emphasis: {
- areaColor: "#0042df"
- }
- }
- },
- {
- name: '内蒙古',
- valueB: 22.3,
- valueVariety: 1.5,
- valueM: 1309,
- valueStock: 409,
- itemStyle: {
- normal: {
- areaColor: '#00ccf7'
- },
- emphasis: {
- areaColor: "#00ccf7"
- }
- }
- },
- {
- name: '广东',
- valueB: 25.1,
- valueVariety: 1.3,
- valueM: 902,
- valueStock: 343,
- itemStyle: {
- normal: {
- areaColor: '#00d9fc'
- },
- emphasis: {
- areaColor: "#00d9fc"
- }
- }
- },
- {
- name: '宁夏',
- itemStyle: {
- normal: {
- areaColor: '#01b0f3'
- },
- emphasis: {
- areaColor: "#01b0f3",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '海南',
- itemStyle: {
- normal: {
- areaColor: '#00f0ff'
- },
- emphasis: {
- areaColor: "#00f0ff",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '台湾',
- itemStyle: {
- normal: {
- areaColor: '#0067e7'
- },
- emphasis: {
- areaColor: "#0067e7",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '香港',
- itemStyle: {
- normal: {
- areaColor: '#00dafa'
- },
- emphasis: {
- areaColor: "#00dafa",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '澳门',
- itemStyle: {
- normal: {
- areaColor: '#00dafa'
- },
- emphasis: {
- areaColor: "#00dafa",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '北京',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: "#034DE4",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '天津',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: "#034DE4",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '重庆',
- itemStyle: {
- normal: {
- areaColor: '#0E7DEB'
- },
- emphasis: {
- areaColor: "#0E7DEB",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '辽宁',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: "#034DE4",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '安徽',
- itemStyle: {
- normal: {
- areaColor: '#27E8FD'
- },
- emphasis: {
- areaColor: "#27E8FD",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '浙江',
- itemStyle: {
- normal: {
- areaColor: '#00b6f6'
- },
- emphasis: {
- areaColor: "#00b6f6",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '广西',
- itemStyle: {
- normal: {
- areaColor: '#0088ec'
- },
- emphasis: {
- areaColor: "#0088ec",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '山西',
- itemStyle: {
- normal: {
- areaColor: '#01d0fa'
- },
- emphasis: {
- areaColor: "#01d0fa",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '陕西',
- itemStyle: {
- normal: {
- areaColor: '#01b0f3'
- },
- emphasis: {
- areaColor: "#01b0f3",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '吉林',
- itemStyle: {
- normal: {
- areaColor: '#0051e1'
- },
- emphasis: {
- areaColor: "#0051e1",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '福建',
- itemStyle: {
- normal: {
- areaColor: '#0158e3'
- },
- emphasis: {
- areaColor: "#0158e3",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '贵州',
- itemStyle: {
- normal: {
- areaColor: '#0199ef'
- },
- emphasis: {
- areaColor: "#0199ef",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '青海',
- itemStyle: {
- normal: {
- areaColor: '#005ae4'
- },
- emphasis: {
- areaColor: "#005ae4",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '西藏',
- itemStyle: {
- normal: {
- areaColor: '#01e9fd'
- },
- emphasis: {
- areaColor: "#01e9fd",
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- }
- ];
- var option = {
- geo: {
- map: "china",
- label: {
- emphasis: {
- show: false
- }
- },
- roam: false,
- layoutCenter: ["50%", "55%"],
- layoutSize: "110%",
- regions: [
- {
- name: '南海诸岛',
- itemStyle: {
- areaColor: '#6F798D',
- opacity: 0.5
- }
- },
- {
- name: '北京',
- itemStyle: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- {
- name: '天津',
- itemStyle: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- {
- name: '上海',
- itemStyle: {
- areaColor: '#27E9FD',
- opacity: 0.2
- }
-
- },
- {
- name: '重庆',
- itemStyle: {
- areaColor: '#0E7DEB',
- opacity: 0.2
- }
- },
- {
- name: '河北',
- itemStyle: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- {
- name: '河南',
- itemStyle: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- {
- name: '云南',
- itemStyle: {
- areaColor: '#20CAF8',
- opacity: 0.2
- }
- },
- {
- name: '辽宁',
- itemStyle: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- {
- name: '黑龙江',
- itemStyle: {
- areaColor: '#17A3F1',
- opacity: 0.2
- }
- },
- {
- name: '湖南',
- itemStyle: {
- areaColor: '#0554E4',
- opacity: 0.2
- }
- },
- {
- name: '安徽',
- itemStyle: {
- areaColor: '#27E8FD',
- opacity: 0.2
- }
- },
- {
- name: '山东',
- itemStyle: {
- areaColor: '#4BFFFF',
- opacity: 0.2
- }
- },
- {
- name: '新疆',
- itemStyle: {
- areaColor: '#17A3F1',
- opacity: 0.2
- }
- },
- {
- name: '江苏',
- itemStyle: {
- areaColor: '#00b6f6',
- opacity: 0.2
- }
- },
- {
- name: '浙江',
- itemStyle: {
- areaColor: '#00b6f6',
- opacity: 0.2
- }
- },
- {
- name: '江西',
- itemStyle: {
- areaColor: '#01a4f1',
- opacity: 0.2
- }
- },
- {
- name: '湖北',
- itemStyle: {
- areaColor: '#005ce5',
- opacity: 0.2
- }
- },
- {
- name: '广西',
- itemStyle: {
- areaColor: '#0088ec',
- opacity: 0.2
- }
- },
- {
- name: '甘肃',
- itemStyle: {
- areaColor: '#0042df',
- opacity: 0.2
- }
- },
- {
- name: '山西',
- itemStyle: {
- areaColor: '#01d0fa',
- opacity: 0.2
- }
- },
- {
- name: '内蒙古',
- itemStyle: {
- areaColor: '#00ccf7',
- opacity: 0.2
- }
- },
- {
- name: '陕西',
- itemStyle: {
- areaColor: '#01b0f3',
- opacity: 0.2
- }
- },
- {
- name: '吉林',
- itemStyle: {
- areaColor: '#0051e1',
- opacity: 0.2
- }
- },
- {
- name: '福建',
- itemStyle: {
- areaColor: '#0158e3',
- opacity: 0.2
- }
- },
- {
- name: '贵州',
- itemStyle: {
- areaColor: '#0199ef',
- opacity: 0.2
- }
- },
- {
- name: '广东',
- itemStyle: {
- areaColor: '#00d9fc',
- opacity: 0.2
- }
- },
- {
- name: '青海',
- itemStyle: {
- areaColor: '#005ae4',
- opacity: 0.2
- }
- },
- {
- name: '西藏',
- itemStyle: {
- areaColor: '#01e9fd',
- opacity: 0.2
- }
- },
- {
- name: '四川',
- itemStyle: {
- areaColor: '#0069e8',
- opacity: 0.2
- }
- },
- {
- name: '宁夏',
- itemStyle: {
- areaColor: '#01b0f3',
- opacity: 0.2
- }
- },
- {
- name: '海南',
- itemStyle: {
- areaColor: '#00f0ff',
- opacity: 0.2
- }
- },
- {
- name: '台湾',
- itemStyle: {
- areaColor: '#0067e7',
- opacity: 0.2
- }
- },
- {
- name: '香港',
- itemStyle: {
- areaColor: '#00dafa',
- opacity: 0.2
- }
- },
- {
- name: '澳门',
- itemStyle: {
- areaColor: '#00dafa',
- opacity: 0.2
- }
- }
- ]
- },
- series: [
- {
- name: "中国",
- type: "map",
- mapType: "china",
- layoutCenter: ["50%", "55%"],
- layoutSize: "110%",
- label: {
- width: 320,
- height: 140,
- backgroundColor: {
- image: "img/tip-bg.png"
- },
- emphasis: {
- show: true,
- color: "#fff"
- },
- rich: rich
- },
- itemStyle: {
- normal: {
- opacity: 0.2
- },
- emphasis: {
- opacity: 1,
- borderWidth: 2,
- borderColor: '#fff'
- }
- },
- data: [
- {
- name: '北京',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '天津',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '上海',
- itemStyle: {
- normal: {
- areaColor: '#27E9FD'
- },
- emphasis: {
- areaColor: '#27E9FD'
- }
- }
- },
- {
- name: '重庆',
- itemStyle: {
- normal: {
- areaColor: '#0E7DEB'
- },
- emphasis: {
- areaColor: '#0E7DEB',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '河北',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: '#034DE4'
- }
- }
- },
- {
- name: '河南',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: '#034DE4'
- }
- }
- },
- {
- name: '云南',
- itemStyle: {
- normal: {
- areaColor: '#20CAF8'
- },
- emphasis: {
- areaColor: '#20CAF8'
- }
- }
- },
- {
- name: '辽宁',
- itemStyle: {
- normal: {
- areaColor: '#034DE4'
- },
- emphasis: {
- areaColor: '#034DE4',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '黑龙江',
- itemStyle: {
- normal: {
- areaColor: '#17A3F1'
- },
- emphasis: {
- areaColor: "#17A3F1"
- }
- }
- },
- {
- name: '湖南',
- itemStyle: {
- normal: {
- areaColor: '#0554E4'
- },
- emphasis: {
- areaColor: '#0554E4'
- }
- }
- },
- {
- name: '安徽',
- itemStyle: {
- normal: {
- areaColor: '#27E8FD'
- },
- emphasis: {
- areaColor: '#27E8FD',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '山东',
- itemStyle: {
- normal: {
- areaColor: '#4BFFFF'
- },
- emphasis: {
- areaColor: '#4BFFFF'
- }
- }
- },
- {
- name: '新疆',
- itemStyle: {
- normal: {
- areaColor: '#17A3F1'
- },
- emphasis: {
- areaColor: '#17A3F1'
- }
- }
- },
- {
- name: '江苏',
- itemStyle: {
- normal: {
- areaColor: '#00b6f6'
- },
- emphasis: {
- areaColor: '#00b6f6'
- }
- }
- },
- {
- name: '浙江',
- itemStyle: {
- normal: {
- areaColor: '#00b6f6'
- },
- emphasis: {
- areaColor: '#00b6f6',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '江西',
- itemStyle: {
- normal: {
- areaColor: '#01a4f1'
- },
- emphasis: {
- areaColor: '#01a4f1'
- }
- }
- },
- {
- name: '湖北',
- itemStyle: {
- normal: {
- areaColor: '#005ce5'
- },
- emphasis: {
- areaColor: '#005ce5'
- }
- }
- },
- {
- name: '广西',
- itemStyle: {
- normal: {
- areaColor: '#0088ec'
- },
- emphasis: {
- areaColor: '#0088ec',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '甘肃',
- itemStyle: {
- normal: {
- areaColor: '#0042df'
- },
- emphasis: {
- areaColor: '#0042df'
- }
- }
- },
- {
- name: '山西',
- itemStyle: {
- normal: {
- areaColor: '#01d0fa'
- },
- emphasis: {
- areaColor: '#01d0fa',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '内蒙古',
- itemStyle: {
- normal: {
- areaColor: '#00ccf7'
- },
- emphasis: {
- areaColor: '#00ccf7'
- }
- }
- },
- {
- name: '陕西',
- itemStyle: {
- normal: {
- areaColor: '#01b0f3'
- },
- emphasis: {
- areaColor: '#01b0f3',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '吉林',
- itemStyle: {
- normal: {
- areaColor: '#0051e1'
- },
- emphasis: {
- areaColor: '#0051e1',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '福建',
- itemStyle: {
- normal: {
- areaColor: '#0158e3'
- },
- emphasis: {
- areaColor: '#0158e3',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '贵州',
- itemStyle: {
- normal: {
- areaColor: '#0199ef'
- },
- emphasis: {
- areaColor: '#0199ef',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '广东',
- itemStyle: {
- normal: {
- areaColor: '#00d9fc'
- },
- emphasis: {
- areaColor: '#00d9fc',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '青海',
- itemStyle: {
- normal: {
- areaColor: '#005ae4'
- },
- emphasis: {
- areaColor: '#005ae4',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '西藏',
- itemStyle: {
- normal: {
- areaColor: '#01e9fd'
- },
- emphasis: {
- areaColor: '#01e9fd',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '四川',
- itemStyle: {
- normal: {
- areaColor: '#0069e8'
- },
- emphasis: {
- areaColor: '#0069e8'
- }
- }
- },
- {
- name: '宁夏',
- itemStyle: {
- normal: {
- areaColor: '#01b0f3'
- },
- emphasis: {
- areaColor: '#01b0f3',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '海南',
- itemStyle: {
- normal: {
- areaColor: '#00f0ff'
- },
- emphasis: {
- areaColor: '#00f0ff',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '台湾',
- itemStyle: {
- normal: {
- areaColor: '#0067e7'
- },
- emphasis: {
- areaColor: '#0067e7',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '香港',
- itemStyle: {
- normal: {
- areaColor: '#00dafa'
- },
- emphasis: {
- areaColor: '#00dafa',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- },
- {
- name: '澳门',
- itemStyle: {
- normal: {
- areaColor: '#00dafa'
- },
- emphasis: {
- areaColor: '#00dafa',
- opacity: 0.2
- }
- },
- label: {
- show: false
- }
- }
- ],
- },
- {
- type: 'lines',
- zlevel: 1,
- effect: {
- show: true,
- period: 6,
- trailLength: 0.7,
- color: '#fff',
- symbolSize: 3
- },
- lineStyle: {
- normal: {
- color: color,
- width: 0,
- curveness: 0.2
- }
- },
- data: convertLineData(lineData)
- },
- {
- type: 'lines',
- zlevel: 2,
- symbol: ['none', 'arrow'],
- symbolSize: 10,
- effect: {
- show: true,
- period: 6,
- trailLength: 0,
- symbol: 'circle',
- symbolSize: 5
- },
- lineStyle: {
- normal: {
- color: color,
- width: 1,
- opacity: 0.6,
- curveness: 0.2
- }
- },
- data: convertLineData(lineData)
- },
- {
- type: 'effectScatter',
- coordinateSystem: 'geo',
- zlevel: 2,
- rippleEffect: {
- brushType: 'stroke'
- },
- label: {
- normal: {
- show: true,
- position: 'right',
- formatter: '{b}'
- }
- },
- symbolSize: function (val) {
- return val[2] / 8;
- },
- itemStyle: {
- normal: {
- color: color
- }
- },
- data: effectScatterData(lineData)
- }
- ]
- };
- mapChart.setOption(option);
- mapChart.currentIndex = -1;
- var timer = null;
- setVal();
- function setVal() {
- clearTimeout(timer);
- timer = setInterval(function() {
-
- if (mapChart.currentIndex == -1) {
-
- option.series[0].data = mapData;
- option.series[1].data = convertLineData(lineData);
- option.series[2].data = convertLineData(lineData);
- option.series[3].data = effectScatterData(lineData);
- mapChart.setOption(option);
- }
-
- // 取消之前高亮的图形
- mapChart.dispatchAction({
- type: "downplay",
- seriesIndex: 0,
- dataIndex: mapChart.currentIndex
- });
-
- mapChart.currentIndex = (mapChart.currentIndex + 1) % lineData.length;
- // 高亮当前图形
- mapChart.dispatchAction({
- type: "highlight",
- seriesIndex: 0,
- dataIndex: mapChart.currentIndex
- });
- }, 3000);
- }
- var chinaEchartsObj = echarts.getMap('china');
- var geoJSONChina = chinaEchartsObj.geoJson;
- var allDefProvince = geoJSONChina.features;
- for(var i = 0, len = allDefProvince.length; i < len; i++){
- var sglProvinceProperties = allDefProvince[i].properties;
- var sglProvinceName = sglProvinceProperties.name;
- switch(sglProvinceName){
- case '湖北':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '湖南':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '江西':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '甘肃':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '新疆':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '上海':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '江苏':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '云南':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '广东':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '浙江':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '河北':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '山东':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '河南':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '四川':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- case '内蒙古':
- sglProvinceProperties.cp[0] = 128.642464;
- sglProvinceProperties.cp[1] = 34.756967;
- break;
- }
- }
-
|