Highchart xAxis标签步骤错误

时间:2015-11-13 02:29:11

标签: javascript jquery ajax highcharts

我正在加载这样的Highcharts。

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);
});

这里的问题是,即使我将step作为5,它也会显示15个日期间隔的日期。我的意思是在xAxis标签中。似乎它总是会乘以3。如果我给2,它将在标签中显示6天的间隔。在图表中没有使用AJAX加载数据的一切正常。

0 个答案:

没有答案