Commit 346baf26317dc563fa4a2ea349cd6464e20b10b7
1 parent
705d9b15
map 地图
Showing
1 changed file
with
28 additions
and
23 deletions
src/components/chinaMap/index.vue
| @@ -52,6 +52,7 @@ | @@ -52,6 +52,7 @@ | ||
| 52 | endVal: 1000 | 52 | endVal: 1000 |
| 53 | }, | 53 | }, |
| 54 | mapChart: {}, | 54 | mapChart: {}, |
| 55 | + mapData:[], | ||
| 55 | } | 56 | } |
| 56 | }, | 57 | }, |
| 57 | computed: { | 58 | computed: { |
| @@ -71,24 +72,26 @@ | @@ -71,24 +72,26 @@ | ||
| 71 | }).then((response)=>{ | 72 | }).then((response)=>{ |
| 72 | let data = response.data.data | 73 | let data = response.data.data |
| 73 | console.log(data) | 74 | console.log(data) |
| 75 | + //let mapData = []; | ||
| 76 | + for (let i=0;i<data.length;i++){ | ||
| 77 | + // this.mapData.push({ | ||
| 78 | + // name:'赤峰', | ||
| 79 | + // value:mapData[i].allBerthNum | ||
| 80 | + // }) | ||
| 81 | + } | ||
| 82 | + this.mapData.push({ | ||
| 83 | + name:'赤峰', | ||
| 84 | + value:1000 | ||
| 85 | + }) | ||
| 86 | + this.mapChart= this.createPie(); | ||
| 87 | + window.addEventListener('resize', function() { | ||
| 88 | + this.mapChart.resize() | ||
| 89 | + }.bind(this)); | ||
| 74 | }).catch((response)=>{ | 90 | }).catch((response)=>{ |
| 75 | console.log(response); | 91 | console.log(response); |
| 76 | }) | 92 | }) |
| 77 | 93 | ||
| 78 | - this.mapChart= this.createPie(); | ||
| 79 | - const _self=this; | ||
| 80 | - //var tmpCount=0; | ||
| 81 | -// setInterval(function(){ | ||
| 82 | -// let tmpCount =Math.floor(Math.random()*3+1);;//1-3随机数 | ||
| 83 | -// // _self.parkParams.startVal= _self.parkParams.endVal; | ||
| 84 | -// // _self.parkParams.endVal +=tmpCount; | ||
| 85 | -// //console.log(tmpCount); | ||
| 86 | -// _self.dayParams.startVal=_self.dayParams.endVal; | ||
| 87 | -// _self.dayParams.endVal +=tmpCount; | ||
| 88 | -// },10000); | ||
| 89 | - window.addEventListener('resize', function() { | ||
| 90 | - this.mapChart.resize() | ||
| 91 | - }.bind(this)); | 94 | + |
| 92 | }, | 95 | }, |
| 93 | methods: { | 96 | methods: { |
| 94 | /* | 97 | /* |
| @@ -157,18 +160,20 @@ | @@ -157,18 +160,20 @@ | ||
| 157 | _getSeries(){ | 160 | _getSeries(){ |
| 158 | const geoCoordMap = { | 161 | const geoCoordMap = { |
| 159 | '无锡': [120.318915, 31.494359], | 162 | '无锡': [120.318915, 31.494359], |
| 160 | - '北京': [116.372555, 39.918295],//北京西城 | 163 | + // '北京': [116.372555, 39.918295],//北京西城 |
| 161 | '赤峰': [118.892761, 42.263681], | 164 | '赤峰': [118.892761, 42.263681], |
| 162 | - '丹阳': [119.612594, 32.016089], | ||
| 163 | - '双流': [103.912493, 30.586969] //成都双流区 | 165 | + // '丹阳': [119.612594, 32.016089], |
| 166 | + // '双流': [103.912493, 30.586969] //成都双流区 | ||
| 164 | }; | 167 | }; |
| 165 | const dataFrom = '无锡'; | 168 | const dataFrom = '无锡'; |
| 166 | - const data = [ | ||
| 167 | - {name: '赤峰',value: 95}, | ||
| 168 | - {name: '双流',value: 70}, | ||
| 169 | - {name: '北京',value: 70}, | ||
| 170 | - {name: '丹阳', value: 30} | ||
| 171 | - ]; | 169 | + // const data = [ |
| 170 | + // {name: '赤峰',value: 95}, | ||
| 171 | + // {name: '双流',value: 70}, | ||
| 172 | + // {name: '北京',value: 70}, | ||
| 173 | + // {name: '丹阳', value: 30} | ||
| 174 | + // ]; | ||
| 175 | + const data = this.mapData; | ||
| 176 | + console.log(data) | ||
| 172 | let tmpSeries=[{ | 177 | let tmpSeries=[{ |
| 173 | //name: '无锡', | 178 | //name: '无锡', |
| 174 | type: 'lines', | 179 | type: 'lines', |