在我们的数据图表中，x 轴的最后一个 l【本文受版权保护】【本文首发于唐霜的博客】abel 应该是右对齐的。echarts【未经授权禁止转载】转载请注明出处：www.tangshuang.net 官方没有参数来配置这个功能，导致文字被【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】截掉了半截。挺失望的，这种情况实在是太有【转载请注明来源】转载请注明出处：www.tangshuang.net需求了。在不能修改源码的情况下，我们只能未经授权，禁止复制转载。原创内容，盗版必究。通过自己手动来实现这个需求。

xAxis: {
type: 'category',
boundaryGap: true,
data: xAxisData,
axisTick: {
  show: false,
},
axisLine: {
  lineStyle: {
    width: 1,
    color: '#ccc',
  }
},
axisLabel: {
  color: '#89889C',
  showMinLabel: true,
  showMaxLabel: true,
  formatter: (() => {
    let currentYear = ''
    return (value, index) => {
      const year = value.substr(0, 4)
      const month = value.substr(4, 2)
      const shouldNotShowYear = index > 0 && currentYear === year
      const isLast = value === xAxisData[xAxisData.length - 1]
      const text = shouldNotShowYear ? month : year + '/' + month
      const label = isLast && !shouldNotShowYear ? `{a|${text}}` : text

      currentYear = year

      return label
    }
  })(),
  rich: {
    a: {
      width: 70,
      align: 'left',
    },
  },
},

上面红色部分是关键，我们要让最后一个 l【转载请注明来源】【原创内容，转载请注明出处】abel 靠右对齐，但是它受到宽度的限制著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】，所以我们干脆来了一个宽度，直接将 la【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】bel 的宽度和文字的整体高度相等，这样【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net就可以让文字显示完整了。

但是，你可能会说，我怎么知道文字的总体宽【原创不易，请尊重版权】未经授权，禁止复制转载。度是多少？label 的字数可多可少，不转载请注明出处：www.tangshuang.net原创内容，盗版必究。可控啊。我会告诉你，有一个东西可以帮助你【未经授权禁止转载】本文作者：唐霜，转载请注明出处。在 canvas 中获取文本的宽高，你听【版权所有，侵权必究】【关注微信公众号：wwwtangshuangnet】说过吗？通过 canvas 计算文字宽高【原创内容，转载请注明出处】【作者：唐霜】之后，赋值给 rich 里面的 widt著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】h。echarts 内部会根据你给定的宽【原创内容，转载请注明出处】未经授权，禁止复制转载。度重新布局 x 轴文本的展示，由于我们设著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。置了 showMaxLabel，所以，无【版权所有】唐霜 www.tangshuang.net【转载请注明来源】论如何最后一个 label 都会展示，如转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。果空间不够，它会把前一个 label 隐本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。藏起来。