Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.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 chart.js绘制时间序列_Javascript_Charts_Chart.js - Fatal编程技术网

Javascript chart.js绘制时间序列

Javascript chart.js绘制时间序列,javascript,charts,chart.js,Javascript,Charts,Chart.js,试图将数据从django传递到网页以呈现响应图表。数据被正确地传递给js,但我试图理解charts.js抛出错误的原因,这让我自己发疯 我已经硬编码了一些数据,例如: function setLineChart() { var ctx = document.getElementById("myLineChart").getContext('2d'); var dat_1 = { label: 'things', borderColor: 'blue

试图将数据从django传递到网页以呈现响应图表。数据被正确地传递给js,但我试图理解charts.js抛出错误的原因,这让我自己发疯

我已经硬编码了一些数据,例如:

function setLineChart() {
    var ctx = document.getElementById("myLineChart").getContext('2d');
    var dat_1 = {
        label: 'things',
        borderColor: 'blue',
        data: [
            {t: new Date("04/01/2020"), y: 310},
            {t: new Date("04/02/2020"), y: 315},
            {t: new Date("04/03/2020"), y: 320},
            ]
    };
    var myLineChart = new Chart(ctx, {
        type: 'line',
        data: {
            datasets: [dat_1]
        },
        options: {
            scales: {
                xAxes: [{
                    type: 'time',
                    time: {
                        unit: 'day'
                    },
                }],
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
            }]
            }
        }
    })
}

这将返回一个
uncaughttypeerror:cannotread属性'skip'的未定义的
错误,我无法调试该错误
setLineChart()
在表单更新时作为ajax响应的一部分被调用。当我注释掉
选项
部分时,它确实呈现了一个图表,但遗漏了最后一个数据点,并将
未定义
作为x轴标记


任何帮助都将不胜感激。

Chart.js在内部使用Moment.js实现的功能。因此,您应该使用Chart.js的名称,在单个文件中包含Moment.js

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.min.js"></script>