$（...）。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>元素內的圖表。