$（…）.getContext（“2d”）在使用chart.js时不是函数

我正在使用nodejs和玉视图引擎。 我想在我的页面中使用chart.js加载图表，我添加了jquery和chart.js库，但它仍然给我错误的标题$（…）。getContext（“2d”）不是一个函数。 请帮助我这个问题，谢谢。

$(document).ready(function(){ var ctx = $("#myChart").getContext("2d"); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], datasets: [{ label: '# of Votes', data: [12, 19, 3, 5, 2, 3], backgroundColor: [ 'rgba(255, 99, 132, 0.2)', 'rgba(54, 162, 235, 0.2)', 'rgba(255, 206, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(153, 102, 255, 0.2)', 'rgba(255, 159, 64, 0.2)' ], borderColor: [ 'rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)' ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] } } }); }); 

Answer 1

这已经被回答了，但是，如果有人在这篇文章中绊倒，为了让getContext函数正常工作，请确保将图表渲染到<canvas id='myChart'> </canvas>元素中。