1、tooltip中formatter返回的数据格式:
返回系列中左右的数据
样式设置如下:
tooltip: {
trigger: 'axis',
formatter: (param)=> {
console.log("param====",param)
let name=param[0].name+"<br>";
let str="";
for(var i = 0; i < param.length; i++) {
str+=param[i].marker+param[i].seriesName+ ":" + param[i].data+"<br>";
}
return name+str;
}
},
效果如下:
2、legend中formatter返回的数据格式:
返回legend的数据
样式设置如下:
legend: {
top:10,
data: ['最高气温', '最低气温'],
formatter: (param)=> {
console.log("param====",param)
return 'Legend- ' + param;
}
},
效果如下:
3、xAxis.axisLabel中formatter返回的数据格式:
返回x轴的数据
样式设置如下:
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
axisLabel:{
formatter: (param)=> {
console.log("param===",param)
return param;
}
}
},
效果如下:
4、yAxis.axisLabel中formatter返回的数据格式:
返回y轴的数据
样式设置如下:
yAxis: {
type: 'value',
axisLabel: {
// formatter: '{value} °C',
formatter: (param)=> {
console.log("param====",param)
return param+'°C';
}
}
},
效果如下: