网上找了半天关于echarts排名展示Y坐标轴反序的,都不成功或者有问题,干脆自己查echarts官网在基本的图形里面改了半天成功了,react、vue都可以直接拿去参考
直接贴代码:
let xdata=["202208","202209","202210","202211"];
let workTimedata=["500","480","320","580"];
let rankdata=["49","20","30","10"];
option = {
title: {
text: '工时及排名',
left: 'center',
top:'1%'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
legend: {
data: ['工时', '排名'],
left: 'center',
top:'5%'
},
grid: {
top:'15%',
left: '3%',
right: '8%',
bottom: '10%