Javascript 当鼠标悬停在：TypeError:t上时显示图表（.js）为空

我遇到了一个似乎无法纠正的错误

当鼠标悬停在画布上时，我试图显示一个图表（chart.js）。 将鼠标悬停在画布上时，我收到一个

TypeError:t为null

错误

错误： { “消息”：“脚本错误”， “文件名”：“， “lineno”：0， “科尔诺”：0 }

错误不是来自我自己的代码，而是来自chart.js

我使用的代码可以在下面找到

#画布{边框：1px实心浅灰色；}
window.onload=function（）{
var canvas=document.getElementById（“canvas”）；
var ctx=canvas.getContext（“2d”）；
//滑过
addEventListener（“mouseover”，function（））{
抽签（ctx）；
console.log（“mosue悬停”）
//显示图表
新图表（document.getElementById（“折线图”）{
键入：“行”，
数据：{
//x
标签：[1571677338438，
1571680924962,
1571684668435],
数据集：[{
数据：[8179.6471707218025，
8194.415903357343,
8175.8698340503815],
边框颜色：“3e95cd”，
填充：正确
}
]
},
选项：{
标题：{
显示：假，
正文：“每个区域的世界人口（百万）”
},
图例：{
显示：假，
}
}
});
});
//鼠标悬停
addEventListener（“mouseout”，function（））{
抽签（ctx）；
控制台日志（“结束悬停”）；
日志（“删除图表”）；
});
抽签（ctx）；
功能图（ctx）{
ctx.beginPath（）；
ctx.closePath（）；
}
};  // 结束窗口.onload

当我将其更改为

canvas

时，您正在选择未引用的元素

折线图

，此时会显示图表。它应该是：

//Show chart
new Chart(document.getElementById("canvas"), {
        type: 'line',
        data: {
        .
        .