|
@@ -34,7 +34,6 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
-
|
|
|
},
|
|
|
watch: {
|
|
|
resultMapData: {
|
|
@@ -122,16 +121,51 @@ export default {
|
|
|
})
|
|
|
|
|
|
},
|
|
|
+ convertData(data) {
|
|
|
+ let res = [];
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ if (this.resMapSsKey==="SL") {
|
|
|
+ res.push({
|
|
|
+ xzqhdm: data[i].xzqhdm,
|
|
|
+ name: data[i].name,
|
|
|
+ value: data[i].value,
|
|
|
+ dksl: data[i].value,
|
|
|
+ dkmj: data[i].value2
|
|
|
+ })
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ res.push({
|
|
|
+ xzqhdm: data[i].xzqhdm,
|
|
|
+ name: data[i].name,
|
|
|
+ value: data[i].value2,
|
|
|
+ dksl: data[i].value,
|
|
|
+ dkmj: data[i].value2
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(res)
|
|
|
+ return res;
|
|
|
+ },
|
|
|
getPie() {
|
|
|
var _this = this
|
|
|
var myChart = echarts.init(this.$refs["chartsDOM"]);
|
|
|
document.oncontextmenu = function () {
|
|
|
return false;
|
|
|
};
|
|
|
- // 获取组件允许最大值
|
|
|
- this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value));
|
|
|
- // 获取组件允许最小值
|
|
|
- this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value));
|
|
|
+ if(this.resMapSsKey==="SL")
|
|
|
+ {
|
|
|
+ // 获取组件允许最大值
|
|
|
+ this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value));
|
|
|
+ // 获取组件允许最小值
|
|
|
+ this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value));
|
|
|
+ }
|
|
|
+ else {
|
|
|
+ // 获取组件允许最大值
|
|
|
+ this.rangeMax = Math.max.apply(Math, this.tem_data.map(item => item.value2));
|
|
|
+ // 获取组件允许最小值
|
|
|
+ this.rangeMin = Math.min.apply(Math, this.tem_data.map(item => item.value2));
|
|
|
+ }
|
|
|
+
|
|
|
// 显示 loading 动画
|
|
|
myChart.showLoading();
|
|
|
myChart.on("contextmenu", (params) => {
|
|
@@ -195,6 +229,10 @@ export default {
|
|
|
title: [{
|
|
|
show: true,
|
|
|
text: this.tem_title ? this.tem_title + this.titles.title : '山东省' + this.titles.title,
|
|
|
+ textStyle: {
|
|
|
+ fontFamily: 'DingTalk_JinBuTi_Regular',
|
|
|
+ fontSize: 15,
|
|
|
+ },
|
|
|
}],
|
|
|
toolbox: {
|
|
|
orient: 'vertical',
|
|
@@ -227,7 +265,7 @@ export default {
|
|
|
borderColor: '#409eff',
|
|
|
backgroundColor: 'rgba(255,255,255,0.9)',
|
|
|
formatter: function (params) {
|
|
|
- return params.name + '</br>' + "地块数量:" + params.value + '块' + '</br>' + "实际占用总面积:" + parseFloat(params.data.value2).toFixed(2) + "亩"
|
|
|
+ return params.name + '</br>' + "地块数量:" + params.data.dksl + '块' + '</br>' + "实际占用总面积:" + parseFloat(params.data.dkmj).toFixed(2) + "亩"
|
|
|
},
|
|
|
|
|
|
},
|
|
@@ -286,7 +324,7 @@ export default {
|
|
|
show: false,
|
|
|
fontSize: 0,
|
|
|
},
|
|
|
- data: this.tem_data
|
|
|
+ data: this.convertData(this.tem_data),
|
|
|
}]
|
|
|
};
|
|
|
myChart.clear();
|