我的问题是关于x(日期)轴重复。如果我检索一年范围内的月度数据(12个数据单位),莫里斯线很好地说明了图表。但是,如果我在三个或四个月的范围内检索数据(4个数据单位),则会导致x轴重复。
这是我的代码来初始化图表:
var graphData = [];
var majorCount = 0;
var minorCount = 0;
for (var i = 0; i < result.length; i++) {
graphData.push({ period: result[i].Date + '', MAJOR: parseInt(result[i].Text), MINOR_MAJOR: parseInt(result[i].Title) + parseInt(result[i].Text) });
majorCount += parseInt(result[i].Text);
minorCount += parseInt(result[i].Title);
}
$("#div-ariza-turu").html('');
window.ariza_turu = Morris.Line({
element: 'div-ariza-turu',
data: graphData,
lineColors: ['#4099ff', '#E67A77'],
xkey: 'period',
ykeys: ['MINOR_MAJOR', 'MAJOR'],
labels: ['MINOR + MAJOR', 'MAJOR'],
//redraw: true,
//resize: true,
resize: false,
redraw: false,
xLabelFormat: function (date) {
return (date.getMonth() + 1) + '/' + date.getFullYear();
},
yLabelFormat: function (y) { return y != Math.round(y) ? '' : y; },
dateFormat: function (date) {
d = new Date(date);
return (d.getMonth() + 1) + '/' + d.getFullYear();
}
});