Highchart-将x轴标签的底部定位到下一个标签

Question

我有一个用highchart创建的图表，这是demo

$(function () {

var seriesData = [["apple",29.9], ["banana",71.5], ["orange",106.4], ["mango",106.4], ["mango",106.4], ["mango",106.4], ["mango",106.4], ["mango",106.4], ["mango",106.4], ["mango",106.4],];     
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        tickInterval: 1,
        labels: {
            enabled: true,
            color: '#FFFFFF',
            formatter: function() { return seriesData[this.value][0];
            },
        }
    },

    series: [{
        data: seriesData     
    }]
});
});

，它在x轴上放置了许多标签，我无法使用旋转选项。这是我想要实现的输出

Answer 1

在let str = "d d, b b, c c, d d "; let split = str.trim().split(", "); let arr = split.map(str => str.replace(/\s/g, '_')); console.log(arr);标签中设置staggerLines: 2，如下所示：

xAxis

工作中的JSFiddle示例： http://jsfiddle.net/ewolden/ktgd5h98/

交错显示的API： https://api.highcharts.com/highcharts/xAxis.labels.staggerLines