当值为空时,tooltip展示的效果图
x轴、y轴变量定义
let yAxisVal = ''; // 定义y轴变量
let xAxisVal = ''; // 定义x轴变量
xAxis设置:
xAxis: {
...
axisPointer: {
show: true,
type: 'none',
trigger: 'item',
label: {
formatter(e){
xAxisVal = e.value; // 重点:获取x轴的值
return e.value
}
}
}
...
}
yAxis设置:
yAxis: {
...
axisPointer: {
type: 'none',
show: true,
trigger: 'item',
splitLine: {
show: false
},
label: {
formatter(e){
yAxisVal = e.value; // 重点:获取y轴的值
return e.value
}
}
}
...
}
tooltip设置:
tooltip: {
...
formatter(e) {
return `${yAxisVal}<br/>${xAxisVal}: ${(e.data && e.data[2]) || '-'} `;
}
...
},