广东省地图替换

This commit is contained in:
13713575202 2025-04-20 15:45:51 +08:00
parent 17248b7781
commit d5c4ad4d78
4 changed files with 12 additions and 10 deletions

View File

@ -53,9 +53,9 @@ export default {
titleList: [
{ name: '首\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0页', type: 'pageOne' },
{ name: '土地资源', type: 'pageLand' },
{ name: '科技支撑', type: 'pageTwo' },
{ name: '投入品监管', type: 'pageTwo' },
{ name: '种植管理', type: 'pageThree' },
{ name: '全维监测', type: 'pageFour' },
{ name: '农情监测', type: 'pageFour' },
{ name: '农产品溯源', type: 'pageFive' },
],
titleImg1: require('./img/1.png'),

File diff suppressed because one or more lines are too long

View File

@ -6,6 +6,7 @@
<script>
import { selectRecord } from '@/api/trace/dataStatistics';
import chinaMap from './china.json';
import gdMap from './gd.json';
export default {
data() {
return {};
@ -48,7 +49,7 @@ export default {
visualMap: {
min: 0,
max: 1000,
show: true,
show: false,
type: 'piecewise',
pieces: [
{ gt: 1500 }, // (1500, Infinity]
@ -62,7 +63,7 @@ export default {
},
},
geo: {
map: 'china',
map: 'guangdong',
roam: true,
show: true,
zoom: 1.3,
@ -98,10 +99,10 @@ export default {
};
const { rows } = await selectRecord(this.baseId);
//
option.series[0].data = rows.map((item) => ({
name: item.queryCity,
value: [item.queryCoordinate.split(',')[0], item.queryCoordinate.split(',')[1], item.queryCount],
}));
// option.series[0].data = rows.map((item) => ({
// name: item.queryCity,
// value: [item.queryCoordinate.split(',')[0], item.queryCoordinate.split(',')[1], item.queryCount],
// }));
//
let i = 0;
rows.forEach((item) => {
@ -109,7 +110,7 @@ export default {
});
option.title.subtext = `我们的产品走过了${rows.length}个城市,被客户查询了${i}`;
let myChart = this.$echarts.init(this.$refs.chart);
this.$echarts.registerMap('china', { geoJSON: chinaMap });
this.$echarts.registerMap('guangdong', { geoJSON: gdMap });
myChart.setOption(option);
window.onresize = function () {
myChart.resize();

View File

@ -44,7 +44,7 @@ export default {
data() {
return {
bg: require('../img/bg.png'),
title: ['农民人均可收入', '支持水平', '带动农民占比', '科技支撑', '支持水平占比'],
title: ['农民人均可收入', '投入总额', '带动农民占比', '科技支撑', '投入占比'],
};
},
methods: {},