Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chartjs时间图xAxis显示的是1970年_Javascript_Plot_Time Series_Chart.js - Fatal编程技术网

Javascript Chartjs时间图xAxis显示的是1970年

Javascript Chartjs时间图xAxis显示的是1970年,javascript,plot,time-series,chart.js,Javascript,Plot,Time Series,Chart.js,我正在尝试绘制一系列测量值(通过时间戳索引)。当我试图绘制示例日期时,xaxis的范围从1970年到2018年,尽管数据仅存在于2018-12年 什么设置可以正确缩放X轴 document.addEventListener("DOMContentLoaded", function(event) { var ctx = document.getElementById("plot").getContext('2d'); var myChart = new Chart(ctx, {

我正在尝试绘制一系列测量值(通过时间戳索引)。当我试图绘制示例日期时,xaxis的范围从1970年到2018年,尽管数据仅存在于2018-12年

什么设置可以正确缩放X轴

document.addEventListener("DOMContentLoaded", function(event) {
    var ctx = document.getElementById("plot").getContext('2d');
    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["Value"],
            datasets: [{
                'label': 'Value',
                'data': [
                    {t: '2018-12-01T12:00:00', y: 100},
                    {t: '2018-12-02T12:00:00', y: 90},
                    {t: '2018-12-03T12:00:00', y: 85},
                    {t: '2018-12-04T12:00:00', y: 86},
                    {t: '2018-12-05T12:00:00', y: 77},
                    {t: '2018-12-06T12:00:00', y: 73},
                    {t: '2018-12-07T12:00:00', y: 72},
                    {t: '2018-12-08T12:00:00', y: 70},
                    {t: '2018-12-15T12:00:00', y: 71},
                    {t: '2018-12-16T12:00:00', y: 72},
                    {t: '2018-12-17T12:00:00', y: 69},
                    ],
                'fill': false,
            }],
        },
        options: {
            responsive: true,
            title: {
                display: true,
                text: 'foobar',
            },
            scales: {
                xAxes: [{
                    type: 'time',
                    display: true,
                    time: {
                        parser: "YYYY-MM-DDTHH:mm:ss",
                    },
                }]
            },
        },
    });
});
您可以根据添加比例>xAxes>时间,也可以使用的添加时间格式


我不知道这是否有帮助,但当我试图添加一个日期“2017/02/29”时,x轴也可以追溯到1970年,因为2017年2月只有28天

“distribution:‘series’”选项不起作用,因为我的测量间隔不规则。使用此选项时,数据的缩放效果似乎要好得多,但测量之间的间距并不一致。遗憾的是,这不是解决方案。您可以更改
分布:'linear'
,或者添加完整的代码作为示例,以帮助我找到正确的解决方案。我使用了
options.scales.xAxes.time
,使用了与您所说相同的道具,它正在chartjs 2.9.3上运行
type: 'time',
display: true,
time: {
    parser: "YYYY-MM-DDTHH:mm:ss",
},
type: 'time',
display: true,
distribution: 'series',
time: {
    unit:"year",
    displayFormats:{year:'YYYY'},
    min:'1970' ,
    max:'2018',
}