Javascript chart.js绘制时间序列
试图将数据从django传递到网页以呈现响应图表。数据被正确地传递给js,但我试图理解charts.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
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>