Echarts中柱状图X轴显示时间显示不开倾斜显示的属性


场景

SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121555526

在上面的基础上实现X周显示时间,但是显示一周7个时间太长显示不开,所以对X轴的label做倾斜处理。

注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、设置axisLable的rotate属性

        xAxis: [
          {
            type: "category",
            axisPointer: {
              type: "shadow",
            },
            axisLabel: {
              interval: 0,
              rotate: 40,
            },
          },
        ],

2、完整示例代码



vue