a34c450a by yangwei
2 parents bdb6c63f a2f01ef0
...@@ -10,8 +10,8 @@ export default { ...@@ -10,8 +10,8 @@ export default {
10 data () { 10 data () {
11 return { 11 return {
12 options: {}, 12 options: {},
13 max: "9000", //最大value值 13 max: "100", //最大value值
14 min: "500", // 最小value值 14 min: "1", // 最小value值
15 }; 15 };
16 }, 16 },
17 components: { 17 components: {
...@@ -90,7 +90,7 @@ export default { ...@@ -90,7 +90,7 @@ export default {
90 return scatterData; 90 return scatterData;
91 }; 91 };
92 this.options = { 92 this.options = {
93 93 backgroundColor: 'rgba(0,0,0,1)',
94 showLegendSymbol: true, 94 showLegendSymbol: true,
95 tooltip: { 95 tooltip: {
96 trigger: 'item', 96 trigger: 'item',
...@@ -117,10 +117,10 @@ export default { ...@@ -117,10 +117,10 @@ export default {
117 itemWidth: 20, // 每个图元的宽度 117 itemWidth: 20, // 每个图元的宽度
118 itemGap: 2, // 每两个图元之间的间隔距离,单位为px 118 itemGap: 2, // 每两个图元之间的间隔距离,单位为px
119 pieces: [ // 自定义每一段的范围,以及每一段的文字 119 pieces: [ // 自定义每一段的范围,以及每一段的文字
120 { gte: 6000, label: '6000以上', color: '#035cf5' }, // 不指定 max,表示 max 为无限大(Infinity)。 120 { gte: 100, label: '100以上', color: '#035cf5' }, // 不指定 max,表示 max 为无限大(Infinity)。
121 { gte: 2000, lte: 6000, label: '2000-6000', color: '#3375e4' }, 121 { gte: 50, lte: 6000, label: '20-100', color: '#3375e4' },
122 { gte: 1000, lte: 2000, label: '1000-2000', color: '#6797ef' }, 122 { gte: 20, lte: 2000, label: '1-200', color: '#6797ef' },
123 { gte: 500, lte: 1000, label: '500-1000', color: '#96b5ef' }, 123 { gte: 1, lte: 1000, label: '1-20', color: '#96b5ef' },
124 ], 124 ],
125 textStyle: { 125 textStyle: {
126 color: '#737373' 126 color: '#737373'
...@@ -168,27 +168,37 @@ export default { ...@@ -168,27 +168,37 @@ export default {
168 data: newData, 168 data: newData,
169 }, 169 },
170 { 170 {
171 type: 'effectScatter', 171 name: 'MAP',
172 coordinateSystem: 'geo', 172 type: 'map3D',
173 symbolSize: 7, 173 map: name,
174 effectType: 'ripple', 174 label: {
175 legendHoverLink: false, 175 show: true,
176 showEffectOn: 'render', 176 textStyle: {
177 rippleEffect: { 177 color: '#fff',
178 period: 4, 178 },
179 scale: 2.5, 179 formatter: (params) => {
180 brushType: 'stroke', 180 if (newData.find((ele) => ele.name == params.name)) {
181 }, 181 return params.name + '\n' + newData.find((ele) => ele.name == params.name).value;
182 zlevel: 1, 182 } else {
183 itemStyle: { 183 return params.name;
184 normal: { 184 }
185 color: '#99FBFE', 185 },
186 shadowBlur: 5, 186 borderRadius: 4,
187 shadowColor: '#fff', 187 },
188 }, 188 itemStyle: {
189 }, 189 color: '#144a69',
190 data: convertData(seriesData), 190 // shadowColor: 'rgba(0,243,255,0.2)',
191 }, 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 },
192 ], 202 ],
193 }; 203 };
194 // 重新选择区域 204 // 重新选择区域
......

13.3 KB | W: | H:

24.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
1 <template> 1 <template>
2 <div class="centercard"> 2 <div class="centercard">
3 <div class="card1"> 3 <div class="card1">
4 <div class="title">汉中市不动产接入信息</div>
5 <maps class="map" /> 4 <maps class="map" />
6 </div> 5 </div>
7 <div class="card2 mt-10"> 6 <div class="card2 mt-10">
......
...@@ -93,8 +93,8 @@ export default { ...@@ -93,8 +93,8 @@ export default {
93 }; 93 };
94 let res = await work.getsthjqxjrtotal(p); 94 let res = await work.getsthjqxjrtotal(p);
95 console.log("res",res); 95 console.log("res",res);
96 this.stjrl=res.result.stsum 96 this.stjrl=res.result.sum
97 this.qxjrl=res.result.qxsum 97 this.qxjrl=res.result.sum
98 this.qxerrer=Number(res.result.qxjrerrer) 98 this.qxerrer=Number(res.result.qxjrerrer)
99 this.sterrer=Number(res.result.sthjerrer) 99 this.sterrer=Number(res.result.sthjerrer)
100 if(res.result.sum=="0"){ 100 if(res.result.sum=="0"){
......