安农大可视化

dev_202412
yujialong 1 year ago
parent 7ac82b3909
commit 8117804a6d
  1. 1
      src/pages/screen/index.vue
  2. 38
      src/pages/screenShow/index.vue
  3. 33
      src/pages/screenShow/indexPro.vue
  4. 2
      src/styles/page/screenShow.scss
  5. 2
      src/styles/page/screenShowPro.scss

@ -772,6 +772,7 @@ export default {
sort: 0,
isShelves: 0,
hotTag: 1,
purchaseStatus: this.token ? 1 : ''
})
if (cousrseRes) {
const courseList = cousrseRes.page.records

@ -504,7 +504,7 @@ export default {
trigger: 'axis',
},
grid: {
left: '18%',
left: '10%',
right: '5%',
top: '15%',
bottom: '13%'
@ -550,7 +550,6 @@ export default {
fontSize: 12,
color: '#fff'
},
formatter: '{value} 亿元'
},
splitLine: {
show: true,
@ -569,7 +568,7 @@ export default {
}
}],
series: [{
name: '产值',
name: '产值(亿元)',
type: 'bar',
barWidth: 8,
itemStyle: {
@ -613,7 +612,7 @@ export default {
trigger: 'axis',
},
grid: {
left: '18%',
left: '10%',
right: '5%',
top: '15%',
bottom: '13%'
@ -659,7 +658,6 @@ export default {
fontSize: 12,
color: '#fff'
},
formatter: '{value} 家'
},
splitLine: {
show: true,
@ -685,13 +683,7 @@ export default {
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0],
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: "#e23fc1"
}, {
offset: 0.8,
color: "#11acef"
}], false),
color: '#5693ff',
shadowColor: 'rgba(0, 0, 0, 0.1)',
}
},
@ -1434,22 +1426,36 @@ export default {
title: {
text: '2021年绿色食品十大产业全产业链产值(亿元) ',
top: 10,
left: 10,
left: 'center',
textStyle: {
color: '#fff'
}
},
tooltip: {},
// tooltip: {
// valueFormatter: function (value) {
// return value + ' %';
// }
// },
tooltip: {
trigger: 'item', // , 使
//
// 使 -> value: number | Array
formatter: function (val) {
const { data } = val
return data ? (data.name + '(亿元):' + data.value) : ''
}
},
series: [
{
name: '2021年绿色食品十大产业全产业链产值(亿元)',
name: '',
type: 'map',
top: 60,
map: 'AH',// registerMap''
roam: true,
zoom: 1.1,
label: {
normal: {
show: true,
@ -1551,7 +1557,7 @@ export default {
scrollTable () {
const dom = this.$refs.geo
setInterval(() => {
dom.scrollTop += 1
dom.scrollTop += window.innerWidth > 1920 ? 2 : 1
if (dom.clientHeight + dom.scrollTop === dom.scrollHeight) dom.scrollTop = 0
}, 30)
}

@ -508,7 +508,7 @@ export default {
trigger: 'axis',
},
grid: {
left: '18%',
left: '10%',
right: '5%',
top: '15%',
bottom: '13%'
@ -554,7 +554,6 @@ export default {
fontSize: 12,
color: '#fff'
},
formatter: '{value} 亿元'
},
splitLine: {
show: true,
@ -573,7 +572,7 @@ export default {
}
}],
series: [{
name: '产值',
name: '产值(亿元)',
type: 'bar',
barWidth: 8,
itemStyle: {
@ -617,7 +616,7 @@ export default {
trigger: 'axis',
},
grid: {
left: '18%',
left: '10%',
right: '5%',
top: '15%',
bottom: '13%'
@ -663,7 +662,6 @@ export default {
fontSize: 12,
color: '#fff'
},
formatter: '{value} 家'
},
splitLine: {
show: true,
@ -689,13 +687,7 @@ export default {
itemStyle: {
normal: {
barBorderRadius: [10, 10, 0, 0],
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
offset: 0,
color: "#e23fc1"
}, {
offset: 0.8,
color: "#11acef"
}], false),
color: '#2deaff',
shadowColor: 'rgba(0, 0, 0, 0.1)',
}
},
@ -1438,16 +1430,23 @@ export default {
title: {
text: '2021年绿色食品十大产业全产业链产值(亿元) ',
top: 10,
left: 10,
left: 'center',
textStyle: {
color: '#fff'
}
},
tooltip: {},
tooltip: {
trigger: 'item', // , 使
//
// 使 -> value: number | Array
formatter: function (val) {
const { data } = val
return data ? (data.name + '(亿元):' + data.value) : ''
}
},
series: [
{
name: '2021年绿色食品十大产业全产业链产值(亿元)',
name: '',
type: 'map',
top: 60,
map: 'AH',// registerMap''
@ -1555,7 +1554,7 @@ export default {
scrollTable () {
const dom = this.$refs.geo
setInterval(() => {
dom.scrollTop += 1
dom.scrollTop += window.innerWidth > 1920 ? 2 : 1
if (dom.clientHeight + dom.scrollTop === dom.scrollHeight) dom.scrollTop = 0
}, 30)
}

@ -254,7 +254,7 @@ body {
}
td {
color: #fff;
font-size: 10px;
font-size: 13px;
text-align: center;
}
tbody tr:nth-child(odd) {

@ -261,7 +261,7 @@ body {
}
td {
color: #fff;
font-size: 10px;
font-size: 13px;
text-align: center;
}
tbody tr:nth-child(odd) {

Loading…
Cancel
Save