莫里斯线日期轴重复

时间:2015-11-27 17:10:06

标签: javascript jquery charts morris.js

我的问题是关于x(日期)轴重复。如果我检索一年范围内的月度数据(12个数据单位),莫里斯线很好地说明了图表。但是,如果我在三个或四个月的范围内检索数据(4个数据单位),则会导致x轴重复。

一年的图表: Chart for a year

四个月的图表: Chart for four months

这是我的代码来初始化图表:

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

0 个答案:

没有答案