echarts 显示顺序_【ECharts】 tooltip显示的数据与数据本身顺序相反

【ECharts】 tooltip显示的数据与数据本身顺序相反

【ECharts】 tooltip显示的数据与数据本身顺序相反

正常情况应该是 饮料瓶在第一个

解决方式

修改 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 = '

' + params[i].name + '

';

res += '

' + params[i].marker + params[i].seriesName + '' + params[i].value + '' + '

';

}

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 = '

' + params[i].name + '

';

res += '

' + params[i].marker + params[i].seriesName + '' + params[i].value + '' + '

';

}

return data + res;

}

},

修改后：

【ECharts】 tooltip显示的数据与数据本身顺序相反相关教程