2016-05-21 120 views
0

我想繪製折線圖與chartjs,但我無法得到它的工作 - 繼續得到'噸是未定義的'錯誤。繪製折線圖與圖表

這裏是我的小提琴例如:http://jsfiddle.net/6bjy9nxh/344/

任何人都可以找出什麼即時做錯了什麼?

chartjs:http://www.chartjs.org/docs/#line-chart-example-usage

CDN:https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js

HTML

<canvas id="myChart" width="500" height="350"></canvas> 

的JavaScript

var ctx = document.getElementById("myChart"); 

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], 
     } 
    ] 
}; 

var myLineChart = new Chart(ctx, { 
    type: 'line', 
    data: data, 
}); 

回答