echaer折线图横轴标签过长如何不折行

在ECharts中，如果折线图的横轴标签过长导致显示不美观，可以通过设置`axisLabel`的`interval`和`formatter`属性来调整标签的显示方式，避免折行。以下是一些具体的解决方案：

1. **设置`interval`属性**：
`interval`属性可以控制标签显示的间隔。设置为`0`表示显示所有标签，设置为`auto`则会根据标签的密度自动调整。

2. **使用`formatter`属性**：
`formatter`属性可以自定义标签的显示格式，可以通过换行符`\n`来手动控制换行，但为了避免折行，可以将标签旋转一定角度。

3. **旋转标签**：
通过设置`axisLabel`的`rotate`属性，可以将标签旋转一定角度，从而减少横向空间占用。

以下是一个示例代码，展示了如何实现上述功能：

option = {
    xAxis: {
        type: 'category',
        data: ['标签1', '标签2', '标签3', '标签4', '标签5', '标签6', '标签7'],
        axisLabel: {
            interval: 0,
            rotate: 45, // 旋转45度
            formatter: function(value) {
                return value.length > 5 ? value.substring(0, 5) + '...' : value; // 超过5个字符则截断
            }
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'line'
    }]
};

在这个示例中，标签被旋转了45度，并且如果标签长度超过5个字符，则会被截断并显示省略号。