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 | 52 | endVal: 1000 |
| 53 | 53 | }, |
| 54 | 54 | mapChart: {}, |
| 55 | + mapData:[], | |
| 55 | 56 | } |
| 56 | 57 | }, |
| 57 | 58 | computed: { |
| ... | ... | @@ -71,24 +72,26 @@ |
| 71 | 72 | }).then((response)=>{ |
| 72 | 73 | let data = response.data.data |
| 73 | 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 | 90 | }).catch((response)=>{ |
| 75 | 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 | 96 | methods: { |
| 94 | 97 | /* |
| ... | ... | @@ -157,18 +160,20 @@ |
| 157 | 160 | _getSeries(){ |
| 158 | 161 | const geoCoordMap = { |
| 159 | 162 | '无锡': [120.318915, 31.494359], |
| 160 | - '北京': [116.372555, 39.918295],//北京西城 | |
| 163 | + // '北京': [116.372555, 39.918295],//北京西城 | |
| 161 | 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 | 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 | 177 | let tmpSeries=[{ |
| 173 | 178 | //name: '无锡', |
| 174 | 179 | type: 'lines', | ... | ... |