折れ線グラフが表示されない（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 
}); 

OR

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

Answer 2

（新しいから "W" の行方不明）コードのタイプミス：

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