Charts 雷达海图用高海图的x轴标签换行

我正试图调整highchart中雷达图的X轴标签，但我无法修复这两个标签。当它在小屏幕上显示时，有些标签看不清。附上截图

这里是小提琴链接：

在此处输入代码

---

有人能帮忙吗？我希望标签在雷达图或文字环绕图中进一步对齐，以便在小屏幕上显示时不会剪切文字。

您可以编写自己的函数来移动标签

获取label元素的bbox并检查它是否在容器内（>=0或

function moveLabels() {
  const ticks = this.xAxis[0].ticks;
  const safeDistance = 10;

  Object.keys(ticks).forEach(value => {
    const label = ticks[value].label;
    const bbox = label.getBBox(true);

    if (bbox.y >= 0) {
      if (bbox.x - safeDistance < 0) {
        label.attr({
          x: label.xy.x + Math.abs(bbox.x - safeDistance)
        })
      } else if (bbox.x + bbox.width + safeDistance > this.chartWidth) {
        label.attr({
          x: label.xy.x - (bbox.x + bbox.width + safeDistance - this.chartWidth)
        });
      }
    }
  })
}

  chart: {
 polar: true,
    type: 'line',
    events: {
      load: moveLabels,
      redraw: moveLabels
    }
  },