正常情况应该是 饮料瓶在第一个
解决方式
修改 tooltip 的 formatter
formatter: function (params) {
// console.log(params) //查看数据
let res = '';
for (let i = 0; i < params.length; i++) {
// console.log(params[i].name, params[i].seriesName, params[i].value)
var data = '<p>' + params[i].name + '</p>';
res += '<p class="padding:15px 0;">' + params[i].marker + params[i].seriesName + '<span style="font-weight:900;float:right;padding-left:15px;">' + params[i].value + '</span>' + '</p>';
}
return data + res;
}
tooltip结构
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
crossStyle: {
color: '#999'
},
ineStyle: {
type: 'dashed'
}
},
formatter: function (params) {
// console.log(params)
let res = '';
for (let i = 0; i < params.length; i++) {
// console.log(params[i].name, params[i].seriesName, params[i].value)
var data = '<p>' + params[i].name + '</p>';
res += '<p class="padding:15px 0;">' + params[i].marker + params[i].seriesName + '<span style="font-weight:900;float:right;padding-left:15px;">' + params[i].value + '</span>' + '</p>';
}
return data + res;
}
},
修改后: