Javascript Highchart xAxis标签步骤错误

我正在加载这样的高图表

var options = {
    credits: {
        enabled: false
    },
    chart: {
        renderTo: 'chart_box',
        type: 'areaspline'
    },
    title: {
        text: ''
    },
    xAxis: {
        crosshairs: true,
        labels: {
            step: 5,
            rotation: -45
        }
    },
    series: []
};

然后我有一个函数，当需要加载图形时调用它。调用函数后，通过AJAX获取数据，并分配给序列和日期，如下所示：

$.ajax({
    url: 'url/charts',
    type: 'post',
    data: data
}).done(function(data) {
    var dateCount = data.dates.length;
    var stepCount = 1;

    if (dateCount > 10) {
        stepCount = 5;
    }

    options.xAxis.categories = data.dates;

    $.each(data.series, function(name, elem) {
        options.series.push({
            name: name.replace('_', ' ').toUpperCase().trim(),
            data: elem
        })
    });
    chart = new Highcharts.Chart(options);
});

---

这里的问题是，尽管我将

步骤

设为5，但它显示的日期间隔为15个日期。我是说在xAxis标签中。看起来它总是会乘以3。如果我给2，它将在标签中显示6天的间隔。在不使用AJAX加载数据的图表中，一切正常。

添加虚拟数据以进行检查而不是步骤，您是否尝试在xAxis上设置？要扩展Sebastian的注释，tickInterval告诉图表在轴上创建记号标记的距离。step属性告诉图表跳过那些记号的一些标签。因此，图表决定每3个单位打一个勾号，你告诉它以5的增量跳过标签-因此你的标签现在相隔15个单位。