Javascript 如何旋转Highcharts图表中的第一个和最后一个x轴标签？

我只想旋转x轴上的第一个和最后一个标签。 我有以下格式化程序功能：

formatter() {
    if (this.isFirst || this.isLast) {
        // First or last label here
        var rotatedValue = this.value.doRotation();   // TODO here
        return rotatedValue;
    } else {
        return this.axis.defaultLabelFormatter.call(this);
    }
},

我做了一项研究，但没有发现（如何调用一些旋转函数）。

---

我使用基本折线图。

您可以设置

xAxis.labels。使用HTML

选项

true

并通过CSS3设置这些标签的样式：

  xAxis: {
    labels: {
      useHTML: true
    }
  },

  chart: {
    events: {
      load: function() {
        var div = this.xAxis[0].labelGroup.div;

        div.firstChild.style.transform = "rotate(30deg)";
        div.lastChild.style.transform = "rotate(30deg)";
      }
    }
  }

现场工作演示：

---

API参考：

您可以将

xAxis.labels.useHTML

选项设置为

true

，并通过CSS3设置这些标签的样式：

  xAxis: {
    labels: {
      useHTML: true
    }
  },

  chart: {
    events: {
      load: function() {
        var div = this.xAxis[0].labelGroup.div;

        div.firstChild.style.transform = "rotate(30deg)";
        div.lastChild.style.transform = "rotate(30deg)";
      }
    }
  }

现场工作演示：

---

API参考：

您使用的是哪种图形/图表？线路？条形图？我用的是折线图。你用的是什么样的图表？线路？条形图？我用的是折线图。奇怪的是，它不适合我。两个标签都消失了。请提供你的代码的一个小型演示（理想情况下是实时工作示例）。奇怪的是，它不适合我。两个标签都消失了。请提供您的代码的小型演示（理想情况下为实时工作示例）。