我正在加载这样的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加载数据的一切正常。