canvas.js时间序列绘制错误(从12月到1月)

时间:2019-01-13 02:02:35

标签: html5 canvas plot time-series

如您所见,我在折线图(canvas.js)中绘制了KVA与时间的关系图,问题是该数据绘制于2019年1月14日至2018年2月13日之间,但实际数据属于2018年12月14日至2019年1月14日。不确定这是canvas.js中的错误还是我做错了。如何解决。

var options = {
    zoomEnabled: true,
    animationEnabled: true,
    title: {
        text: selectedText
    },
    axisX:{
        title: "Timeline",
        gridThickness: 1
    },
    axisY: {
        title: "KVA",
        includeZero: false,
        lineThickness: 1

    },
    data: [{
        type: "line",
        dataPoints:dataPoints
        }]  // random data
};

我的数据点看起来像这样

dataPoints.push({ x: new Date(2018,12,13,06,09,38), y: 384 }); 
dataPoints.push({ x: new Date(2018,12,13,06,12,46), y: 386 }); 
dataPoints.push({ x: new Date(2018,12,13,06,15,53), y: 379 }); 
dataPoints.push({ x: new Date(2018,12,13,06,19,02), y: 377 });
....
....
dataPoints.push({ x: new Date(2019,01,11,17,11,12), y: 632 }); 
dataPoints.push({ x: new Date(2019,01,11,17,13,35), y: 616 }); 
dataPoints.push({ x: new Date(2019,01,11,17,15,49), y: 614 });

如何解决? canva.js time series

1 个答案:

答案 0 :(得分:1)

我不好,月份应该从0索引开始,而不是1索引。正确的代码是

d(CE)/d(CE)

必须从SQL月中减去1,以使其变为0索引,JavaScript Date()才能正常工作。