|
|
|
@ -504,7 +504,7 @@ export default { |
|
|
|
trigger: 'axis', |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
grid: { |
|
|
|
left: '18%', |
|
|
|
left: '10%', |
|
|
|
right: '5%', |
|
|
|
right: '5%', |
|
|
|
top: '15%', |
|
|
|
top: '15%', |
|
|
|
bottom: '13%' |
|
|
|
bottom: '13%' |
|
|
|
@ -550,7 +550,6 @@ export default { |
|
|
|
fontSize: 12, |
|
|
|
fontSize: 12, |
|
|
|
color: '#fff' |
|
|
|
color: '#fff' |
|
|
|
}, |
|
|
|
}, |
|
|
|
formatter: '{value} 亿元' |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
splitLine: { |
|
|
|
splitLine: { |
|
|
|
show: true, |
|
|
|
show: true, |
|
|
|
@ -569,7 +568,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
}], |
|
|
|
}], |
|
|
|
series: [{ |
|
|
|
series: [{ |
|
|
|
name: '产值', |
|
|
|
name: '产值（亿元）', |
|
|
|
type: 'bar', |
|
|
|
type: 'bar', |
|
|
|
barWidth: 8, |
|
|
|
barWidth: 8, |
|
|
|
itemStyle: { |
|
|
|
itemStyle: { |
|
|
|
@ -613,7 +612,7 @@ export default { |
|
|
|
trigger: 'axis', |
|
|
|
trigger: 'axis', |
|
|
|
}, |
|
|
|
}, |
|
|
|
grid: { |
|
|
|
grid: { |
|
|
|
left: '18%', |
|
|
|
left: '10%', |
|
|
|
right: '5%', |
|
|
|
right: '5%', |
|
|
|
top: '15%', |
|
|
|
top: '15%', |
|
|
|
bottom: '13%' |
|
|
|
bottom: '13%' |
|
|
|
@ -659,7 +658,6 @@ export default { |
|
|
|
fontSize: 12, |
|
|
|
fontSize: 12, |
|
|
|
color: '#fff' |
|
|
|
color: '#fff' |
|
|
|
}, |
|
|
|
}, |
|
|
|
formatter: '{value} 家' |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
splitLine: { |
|
|
|
splitLine: { |
|
|
|
show: true, |
|
|
|
show: true, |
|
|
|
@ -685,13 +683,7 @@ export default { |
|
|
|
itemStyle: { |
|
|
|
itemStyle: { |
|
|
|
normal: { |
|
|
|
normal: { |
|
|
|
barBorderRadius: [10, 10, 0, 0], |
|
|
|
barBorderRadius: [10, 10, 0, 0], |
|
|
|
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{ |
|
|
|
color: '#5693ff', |
|
|
|
offset: 0, |
|
|
|
|
|
|
|
color: "#e23fc1" |
|
|
|
|
|
|
|
}, { |
|
|
|
|
|
|
|
offset: 0.8, |
|
|
|
|
|
|
|
color: "#11acef" |
|
|
|
|
|
|
|
}], false), |
|
|
|
|
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.1)', |
|
|
|
shadowColor: 'rgba(0, 0, 0, 0.1)', |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -1434,22 +1426,36 @@ export default { |
|
|
|
title: { |
|
|
|
title: { |
|
|
|
text: '2021年绿色食品十大产业全产业链产值（亿元） ', |
|
|
|
text: '2021年绿色食品十大产业全产业链产值（亿元） ', |
|
|
|
top: 10, |
|
|
|
top: 10, |
|
|
|
left: 10, |
|
|
|
left: 'center', |
|
|
|
textStyle: { |
|
|
|
textStyle: { |
|
|
|
color: '#fff' |
|
|
|
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: [ |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '2021年绿色食品十大产业全产业链产值（亿元）', |
|
|
|
name: '', |
|
|
|
type: 'map', |
|
|
|
type: 'map', |
|
|
|
top: 60, |
|
|
|
top: 60, |
|
|
|
map: 'AH',// 这个是上面注册时的名字哦，registerMap（'这个名字保持一致'） |
|
|
|
map: 'AH',// 这个是上面注册时的名字哦，registerMap（'这个名字保持一致'） |
|
|
|
roam: true, |
|
|
|
roam: true, |
|
|
|
zoom: 1.1, |
|
|
|
zoom: 1.1, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
label: { |
|
|
|
label: { |
|
|
|
normal: { |
|
|
|
normal: { |
|
|
|
show: true, |
|
|
|
show: true, |
|
|
|
@ -1551,7 +1557,7 @@ export default { |
|
|
|
scrollTable () { |
|
|
|
scrollTable () { |
|
|
|
const dom = this.$refs.geo |
|
|
|
const dom = this.$refs.geo |
|
|
|
setInterval(() => { |
|
|
|
setInterval(() => { |
|
|
|
dom.scrollTop += 1 |
|
|
|
dom.scrollTop += window.innerWidth > 1920 ? 2 : 1 |
|
|
|
if (dom.clientHeight + dom.scrollTop === dom.scrollHeight) dom.scrollTop = 0 |
|
|
|
if (dom.clientHeight + dom.scrollTop === dom.scrollHeight) dom.scrollTop = 0 |
|
|
|
}, 30) |
|
|
|
}, 30) |
|
|
|
} |
|
|
|
} |
|
|
|
|
