--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