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

Установите staggerLines: 2 в ваших xAxis ярлыках, например:

xAxis: {
  labels: {
    staggerLines: 2,
    ...
  },
  ...
},

Рабочий пример JSFiddle: http://jsfiddle.net/ewolden/ktgd5h98/

API включенпоразительные линии: https://api.highcharts.com/highcharts/xAxis.labels.staggerLines