在ECharts中,如果想要在X轴的标签(label)上截取数据但同时保证在tooltip中能够完整显示全部信息,可以使用axisLabel的formatter函数来自定义标签的显示格式。
option = {
tooltip: {
trigger: 'axis',
formatter: function (params) {
// 通过params.value获取原始数据
return params[0].seriesName + ': ' + params[0].value;
}
},
xAxis: {
type: 'category',
data: ['2023-01-01 12:00:00', '2023-01-02 12:00:00', '2023-01-03 12:00:00'],
axisLabel: {
formatter: function (value) {
// 截取数据,例如只显示日期和小时
return value.substr(0, 11) + value.substr(11, 2);
}
}
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150],
type: 'line',
name: '数据'
}]
};