--no commit message
Showing
1 changed file
with
27 additions
and
75 deletions
| ... | @@ -41,41 +41,6 @@ export default { | ... | @@ -41,41 +41,6 @@ export default { |
| 41 | 宁强县: [106.25958, 32.82881, 20], | 41 | 宁强县: [106.25958, 32.82881, 20], |
| 42 | 略阳县: [106.15399, 33.33009, 20], | 42 | 略阳县: [106.15399, 33.33009, 20], |
| 43 | }; | 43 | }; |
| 44 | let seriesData = [ | ||
| 45 | { | ||
| 46 | name: '汉台区', | ||
| 47 | }, | ||
| 48 | { | ||
| 49 | name: '南郑区', | ||
| 50 | }, | ||
| 51 | { | ||
| 52 | name: '城固县', | ||
| 53 | }, | ||
| 54 | { | ||
| 55 | name: '洋县', | ||
| 56 | }, | ||
| 57 | { | ||
| 58 | name: '西乡县', | ||
| 59 | }, | ||
| 60 | { | ||
| 61 | name: '镇巴县', | ||
| 62 | }, | ||
| 63 | { | ||
| 64 | name: '勉县', | ||
| 65 | }, | ||
| 66 | { | ||
| 67 | name: '留坝县', | ||
| 68 | }, | ||
| 69 | { | ||
| 70 | name: '佛坪县', | ||
| 71 | }, | ||
| 72 | { | ||
| 73 | name: '宁强县', | ||
| 74 | }, | ||
| 75 | { | ||
| 76 | name: '略阳县' | ||
| 77 | } | ||
| 78 | ]; | ||
| 79 | let convertData = function (data) { | 44 | let convertData = function (data) { |
| 80 | let scatterData = []; | 45 | let scatterData = []; |
| 81 | for (var i = 0; i < data.length; i++) { | 46 | for (var i = 0; i < data.length; i++) { |
| ... | @@ -90,7 +55,6 @@ export default { | ... | @@ -90,7 +55,6 @@ export default { |
| 90 | return scatterData; | 55 | return scatterData; |
| 91 | }; | 56 | }; |
| 92 | this.options = { | 57 | this.options = { |
| 93 | backgroundColor: 'rgba(0,0,0,1)', | ||
| 94 | showLegendSymbol: true, | 58 | showLegendSymbol: true, |
| 95 | tooltip: { | 59 | tooltip: { |
| 96 | trigger: 'item', | 60 | trigger: 'item', |
| ... | @@ -126,7 +90,23 @@ export default { | ... | @@ -126,7 +90,23 @@ export default { |
| 126 | color: '#737373' | 90 | color: '#737373' |
| 127 | } | 91 | } |
| 128 | }, | 92 | }, |
| 129 | 93 | geo: { | |
| 94 | aspectScale: 1, //长宽比 | ||
| 95 | zoom: 1.1, | ||
| 96 | mapType: '汉中市', // 自定义扩展图表类型 | ||
| 97 | top: '15%', | ||
| 98 | left: '10%', | ||
| 99 | map: '汉中市', | ||
| 100 | itemStyle: { | ||
| 101 | normal: {//阴影 | ||
| 102 | areaColor: '#02D9FD ', | ||
| 103 | shadowColor: '#01271F', | ||
| 104 | borderWidth: 0, | ||
| 105 | shadowOffsetX: 2, | ||
| 106 | shadowOffsetY: 25 | ||
| 107 | } | ||
| 108 | } | ||
| 109 | }, | ||
| 130 | series: [ | 110 | series: [ |
| 131 | { | 111 | { |
| 132 | type: 'map', | 112 | type: 'map', |
| ... | @@ -137,22 +117,26 @@ export default { | ... | @@ -137,22 +117,26 @@ export default { |
| 137 | left: '10%', | 117 | left: '10%', |
| 138 | itemStyle: { | 118 | itemStyle: { |
| 139 | normal: { | 119 | normal: { |
| 140 | areaColor: 'rgba(19,54,162, .5)', | 120 | areaColor: 'rgba(19,54,162,.5)', |
| 141 | borderColor: 'rgba(0,242,252,.3)', | 121 | borderColor: 'rgba(0,242,252,.5)', |
| 142 | borderWidth: 1, | 122 | borderWidth: 2, |
| 143 | shadowBlur: 7, | 123 | shadowBlur: 7, |
| 144 | shadowColor: '#00f2fc', | 124 | borderColor:'rgba(19,54,162,.1)', |
| 125 | shadowColor: '#44f2fc', | ||
| 145 | }, | 126 | }, |
| 146 | emphasis: { | 127 | emphasis: { |
| 147 | areaColor: '#4f7fff', | 128 | areaColor: '#4f7fff', |
| 148 | borderColor: 'rgba(0,242,252,.6)', | 129 | borderColor: 'rgba(0,242,252,.5)', |
| 149 | borderWidth: 2, | 130 | borderWidth: 2, |
| 150 | shadowBlur: 10, | 131 | shadowBlur: 10, |
| 151 | shadowColor: '#00f2fc', | 132 | shadowColor: '#00f2fc', |
| 152 | }, | 133 | }, |
| 153 | }, | 134 | }, |
| 154 | label: { | 135 | label: { |
| 155 | formatter: params => `${params.name}`, | 136 | |
| 137 | formatter: params => { | ||
| 138 | return `${params.data.name}\n${params.data.value+"个"}`; | ||
| 139 | }, | ||
| 156 | show: true, | 140 | show: true, |
| 157 | position: 'insideRight', | 141 | position: 'insideRight', |
| 158 | textStyle: { | 142 | textStyle: { |
| ... | @@ -166,39 +150,7 @@ export default { | ... | @@ -166,39 +150,7 @@ export default { |
| 166 | } | 150 | } |
| 167 | }, | 151 | }, |
| 168 | data: newData, | 152 | data: newData, |
| 169 | }, | ||
| 170 | { | ||
| 171 | name: 'MAP', | ||
| 172 | type: 'map3D', | ||
| 173 | map: name, | ||
| 174 | label: { | ||
| 175 | show: true, | ||
| 176 | textStyle: { | ||
| 177 | color: '#fff', | ||
| 178 | }, | ||
| 179 | formatter: (params) => { | ||
| 180 | if (newData.find((ele) => ele.name == params.name)) { | ||
| 181 | return params.name + '\n' + newData.find((ele) => ele.name == params.name).value; | ||
| 182 | } else { | ||
| 183 | return params.name; | ||
| 184 | } | 153 | } |
| 185 | }, | ||
| 186 | borderRadius: 4, | ||
| 187 | }, | ||
| 188 | itemStyle: { | ||
| 189 | color: '#144a69', | ||
| 190 | // shadowColor: 'rgba(0,243,255,0.2)', | ||
| 191 | // shadowOffsetY: 5, | ||
| 192 | // shadowBlur: 10, | ||
| 193 | borderColor: '#06767c', | ||
| 194 | borderWidth: 1, | ||
| 195 | // opacity: 1, | ||
| 196 | }, | ||
| 197 | |||
| 198 | aspectScale: 0.9, //长宽比 | ||
| 199 | selectedMode: false, //是否允许选中多个区域 | ||
| 200 | data: newData, | ||
| 201 | }, | ||
| 202 | ], | 154 | ], |
| 203 | }; | 155 | }; |
| 204 | // 重新选择区域 | 156 | // 重新选择区域 | ... | ... |
-
Please register or sign in to post a comment