chart.js创build图表失败：无法获取给定项目的上下文
我从来没有进入节点，所以我很确定我在这里做了大量的错误，因为我一点也找不到任何的信息。
我有一个Django网站，我想要一个JS图表库，我select了chart.js。
我安装并喜欢文档，但之后，我不知道该怎么做，所以我试图填补空白，尽可能按照他们的指导。 这是我的HTML看起来像….
<script src="/public/node_modules/chart.js/dist/Chart.js"></script> <canvas id="myChart" width="400" height="400"></canvas> <script> var ctx = document.getElementById("myChart"); console.log(ctx); var options = {} var data = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [ { label: "My First dataset", fill: false, lineTension: 0.1, backgroundColor: "rgba(75,192,192,0.4)", borderColor: "rgba(75,192,192,1)", borderCapStyle: 'butt', borderDash: [], borderDashOffset: 0.0, borderJoinStyle: 'miter', pointBorderColor: "rgba(75,192,192,1)", pointBackgroundColor: "#fff", pointBorderWidth: 1, pointHoverRadius: 5, pointHoverBackgroundColor: "rgba(75,192,192,1)", pointHoverBorderColor: "rgba(220,220,220,1)", pointHoverBorderWidth: 2, pointRadius: 1, pointHitRadius: 10, data: [65, 59, 80, 81, 56, 55, 40], spanGaps: false, } ] }; var myChart = new Chart({ type: 'line', data: data, options: options }) </script> 我只是想要得到一个例子工作。 我把通过npm下载的node_modules目录放置在我的服务器将要为其提供服务的地方….并validation它们正在服务，但是当我尝试构build图表时，出现此错误。 我从他们的文档中拿出所有的图表代码，所以我非常肯定这个部分是正确的，但我不明白为什么我会得到这个错误。
调用构造函数时不会传递上下文。
这将是创build新图表的正确方法：
var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx,{ type: 'line', data: data, options: options })
另一个得到相同错误的原因是id引用的元素不是<canvas> 。 我在我的HTML源代码中有一个<div>元素，当然它不起作用。