如果ECharts中X轴的文本太长，可以通过设置axisLabel的rotate属性来旋转标签，或者使用formatter函数来自定义文本的显示方式。另外，可以开启axisLabel的interval属性来控制显示的标签的间隔。
option = {
tooltip: {},
xAxis: {
type: 'category',
data: ['这是一段非常长的文本', '短文本', '另一段长文本', '另一段长文本'],
axisLabel: {
rotate: 45, // 旋转45度
// 使用formatter函数来截断文本
formatter: function (value) {
return value.length > 5 ? value.slice(0, 5) + '...' : value;
}
}
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80],
type: 'bar'
}
]
};
上述代码中，X轴的标签将旋转45度，并且如果文本长度超过5个字符，将会被截断并在末尾添加省略号。这样可以保持图表的整洁性，同时用户可以通过悬停标签查看完整的文本信息（如果需要的话）。