echarts图表的x轴文字自适应换行的问题

image.png

image.png

            axisLabel: {//**该项配置重点关注**
              show: true,
              interval: 0,
              width: xLabelWidth - 10,
              overflow: "breakAll"
            }

interval: 0，是为了保证每个类目都能展示，默认值为auto，此时如果有超长类目，会隐藏该类目掉相邻的类目，保证有一条可以完整显示，不设为0的话即使超长类目名折行显示了，它相邻的类目还是无法展示。

overflow:“breakAll”，作用同word-break，值为break是普通的换行，值为breakAll会拆开连续的英语字符串并折行。

width，width的作用就是在文字长度超过多少px的时候执行换行。echarts的实例上有个getWidth方法，可以直接获取到当前图表的宽度，只需取到图表的宽度然后除以你类目的总长度即可计算出width，当然若图表grid设置了左右间隙则需减去相应的值