Почему моя линейная диаграмма не отображается (Chart.JS)?

Question

Я показываю круговую диаграмму и гистограмму, но моя линейная диаграмма с тем же типом кода не отображается, и мне интересно, почему. Вот мой код:

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.3/Chart.js"></script> 
. . . 
<canvas id="forecastLineChart"></canvas> 

Jquery

var lineChartData = { 
      labels: [ 
       "APPLES, GALA WAXF 138", "APPLES, GOLDEN DELICIOUS WAX 
100", "APPLES, GOLDEN DELICIOUS WAXF 113" 
      ], 
      datasets: [ 
       { 
        fillColor: "rgba(220,220,220,0.5)", 
        strokeColor: "rgba(220,220,220,0.8)", 
        highlightFill: "rgba(220,220,220,0.75)", 
        highlightStroke: "rgba(220,220,220,1)", 
        data: [49, 46, 153.86] 
       }, 
       { 
        fillColor: "rgba(151,187,205,0.5)", 
        strokeColor: "rgba(151,187,205,0.8)", 
        highlightFill: "rgba(151,187,205,0.75)", 
        highlightStroke: "rgba(151,187,205,1)", 
        data: [52, 40, 65.00] 
       }, 
       { 
        fillColor: "rgba(120,240,180,0.5)", 
        strokeColor: "rgba(120,240,180,0.8)", 
        highlightFill: "rgba(120,240,180,0.75)", 
        highlightStroke: "rgba(120,240,180,1)", 
        data: [42, 42, 227.70] 
       } 
      ] 
     } 
     var ctxLineChart = $("#forecastLineChart").get(0).getContext("2d"); 
     var forecastImpactLineChart = new Chart(ctxLineChart).Line(lineChartData); 

Answer 1

Синтаксис для определения диаграмма немного изменилась в версии 2. Fiddle.

var forecastImpactLineChart = Chart.Line(ctxLineChart, { 
    data: lineChartData 
}); 

ИЛИ

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

Answer 2

опечатка в коде (с отсутствующим "ш" от новых):

var forecastImpactLineChart = new Chart(ctxLineChart).Line(lineChartData);