Echarts x轴文字显示不全、间隔显示问题

在 Vue 中使用 Echarts 渲染数据时，X 轴存在数据过多间隔显示文字的问题，考虑过缩短 X轴文字长度截取前几个字展示的解决方案，但效果不是很好，治标不治本。Echarts中提供了解决方案，关键词是 interval（间隔，间隙）

xAxis: [
          {
            axisLabel:{
              interval: 0,
              // rotate:40,
            }
          },
        ],

将 interval设置为 0，即可保证 X 轴文字全部展示，不会间隔展示
下图是实际展示（将 X 轴文字做了一些遮盖处理）

此外，关键词 rotate（旋转，转动）可使 X 轴文字倾斜展示，大家可以尝试