Javascript Highcharts：当xAxis旋转为90°；时如何将标签固定到顶部；？

以下是测试：

$(function() {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Long xAxis legends',
        },
        xAxis: {
            categories: ['a long category name', 'another long category name', 'a very long category name', 'Thats enormous', 'short', 'a long category name', 'another long category name', 'a very long category name', 'Thats enormous', 'short'],
            labels:{
               rotation:90,
               y:100,
            },
        },
        series: [
            {
            name: 'Some values',
            data: [10, 20, 53, 2.51, 1.35, 10, 20, 53, 2.51, 1.35],
            },
            {
            name: 'Other values',
            data: [22.40, 0.15, 40, 10.73, 13, 22, 15, 40.11, 10, 13],
            }
        ],
        legend: {
            layout: 'vertical',
            align: 'top',
            verticalAlign: 'top',
            x: 50,
            y: 65,
            borderWidth: 0,
            margin: 30
        },
    });
});

}))；

我想要一张带有垂直xAxis标签且顶部对齐的图表。

在我的实际情况中，我会有更多的数据，所以我只能做旋转

我尝试了xAxis参数：

我原以为align可以做到这一点，但当我将它添加到旋转参数时 图表坏了

提前感谢。

使用：

align: 'top'

像这样：

labels:{
   rotation:90,
   align: 'top'
   //y:100,
},

---

JSFIDLE:

这很有效，但在我的情况下，就我的数据而言，这不是：我有60多个标签（>60个产品显示为图表），当我添加该参数时，我有一个js错误：Uncaught RangeError:最大调用堆栈大小超过Edhi Lorenzo，我在波斯语方面也有同样的问题。你的解决方案目前有效。但是当我使用旋转时：0，x标签不在中心。我该怎么办？可以同时使用“中间”和“顶部”吗？嗨，纳吉斯，你能分享你的小提琴吗？洛伦佐，我在这个链接中问你一个问题：。但是我没有得到任何回答：（。