Javascript Highcharts极坐标叠层柱形图-图例被截断

我的极轴叠层柱形图的图例被截断，如下所示：

我怎样才能避免这种情况

$('#container').highcharts({
    series: [
        {
            name: 'someCategory #1',
            data: [12, 13, 14, 15, 5, 17]
        },
        {
            name: 'someCategory #2',
            data: [13, 15, 4, 12, 14, 16]
        },
        {
            name: 'someCategory #3',
            data: [1, 15, 13, 4, 14, 30]
        },
        {
            name: 'someCategory #4',
            data: [13, 15, 3, 12, 1, 16]
        }
    ],

    chart: {
        polar: true,
        type: 'column',
        borderWidth: 0,
        backgroundColor: 'transparent',
        plotBackgroundColor: 'transparent',
        plotBorderWidth: 0,
        width: 275,
        height: 300
    },

    title: {
        text: ''
    },

    subtitle: {
        text: ''
    },
    legend: {
        enabled: false,
    },
    xAxis: {
        categories: ['thisisalong name', 'yetanotherreallylong name', 'i dont even know what to write', 'hmletsthinkofsomething', 'stillnonamethought of', 'thisisthelastone'],
    },

    yAxis: {
        min: 0,
        endOnTick: false,

        showLastLabel: true,
        labels: {
            formatter: function () {
                return this.value + '%';
            }
        }
    },

    tooltip: {
        valueSuffix: '%',
        followPointer: true
    },

    plotOptions: {
        series: {
            stacking: 'normal',
            shadow: false,
            groupPadding: 0,
            pointPlacement: 'on'

        },
    }
});

---

SVG:s中文本的流控制很困难。增加图形和容器的宽度会有所帮助。然而，这在设计中可能是不可能的

因此，如果这是不可能的，我会使用javascript来使用Formatter函数分割单词。那就是检查每个单词，如果要长时间拆分单词的话。也就是说，一个词变成了一个词

还有另一种方法可以实现，那就是设置useHTML:true并在过长的字符串中插入空格字符。但是，这可能会弄乱格式

下面是一个这样做的例子。