echart 折线图 x轴name禁止重叠

当折线图的 x 轴数据比较多时，x 轴的名称很容易出现重叠的情况。这时可以通过设置 x 轴的 axisLabel 属性中的 rotate 和 interval 来解决问题。具体做法如下：

1. 设置 rotate 属性，将 x 轴的名称旋转一定角度，比如 45 度，使名称显示斜体，不易重叠。

xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisLabel: {
        rotate: 45, // 设置旋转角度
    }
}

2. 设置 interval 属性，控制 x 轴名称的显示间隔，只显示部分名称，其余名称将被省略。

xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
    axisLabel: {
        interval: 0, // 显示所有名称
        // interval: 1, // 隔一个名称显示一次
        // interval: function(index, value) { // 自定义显示间隔
        //     return value.length > 2 ? 1 : 0;
        // }
    }
}

注意：以上两种方法可以同时使用，也可以单独使用。如果还是无法解决重叠问题，可以将 x 轴的名称放在图表下方，或者将折线图的宽度调整为更宽，以便显示更多的 x 轴名称。