$（...）。getContext（“2d”）是不是一个函数，当使用chart.js

Question

我使用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>元素内的图表。