chartjs 2つのデータセットを使用するときの長さが未定義

Question

私はchartjsを使っていくつかのダミーデータをテストとして表示しています。私はこのエラーが発生し続ける。ここでは、未定義の

のその実際のChart.jsファイルで発生する。..

プロパティを読み取ることができません "の長さは私のコードです：

<canvas id="ctx" width="400" height="400"></canvas> 

<script> 
    var ctx = document.getElementById('ctx'); 
    var chart = new Chart(ctx, { 
     labels: ["1", "2"], 
     type: 'line', 
     data: { 
      datasets: [ 
       { 
        label: "Test1", 
        fill: false, 
        lineTension: 0.1, 
        backgroundColor: "green", 
        borderColor: "black", 
        borderCapStyle: 'butt', 
        borderDash: [], 
        borderDashOffset: 0.0, 
        borderJoinStyle: 'miter', 
        pointBorderColor: "black", 
        pointBackgroundColor: "green", 
        pointBorderWidth: 1, 
        pointHoverRadius: 5, 
        pointHoverBackgroundColor: "blue", 
        pointHoverBorderColor: "black", 
        pointHoverBorderWidth: 2, 
        pointRadius: 1, 
        pointHitRadius: 10, 
        data: [1,2,50,42,43,23,1], 
        spanGaps: false 
       }, 
       { 
        label: "Test2", 
        fill: false, 
        lineTension: 0.1, 
        backgroundColor: "blue", 
        borderColor: "black", 
        borderCapStyle: 'butt', 
        borderDash: [], 
        borderDashOffset: 0.0, 
        borderJoinStyle: 'miter', 
        pointBorderColor: "black", 
        pointBackgroundColor: "blue", 
        pointBorderWidth: 1, 
        pointHoverRadius: 5, 
        pointHoverBackgroundColor: "green", 
        pointHoverBorderColor: "black", 
        pointHoverBorderWidth: 2, 
        pointRadius: 1, 
        pointHitRadius: 10, 
        data: [4,55,23,52,32,13,4], 
        spanGaps: false 
       } 
      ] 
     }, 
     options: { 
      scales: { 
       yAxes: [{ 
        ticks: { 
         beginAtZero:true 
        } 
       }] 
      } 
     } 
    }); 
</script> 

しかし、私は実際に仕事にこれを取得することはできません...

それは私によく見えますが、 アドバイスはありますか？

Answer 1

コードを確認して作業したコード（thisサイトから取得）と比較したところ、問題は明らかになりました。

最初に、ラベルのプロパティの長さがデータの長さと一致しません。それはあなたが言及した長さの問題を説明するかもしれません。

第2に、labelsプロパティをデータオブジェクトに移動する必要があります。

data: { 
    labels: ["1", "2", "3", "4", "5", "6", "7"], 
    ... 

コードに基づいてthisの作業例を確認してください。

希望します。

Answer 2

あなたのメインデータでX軸ラベルを必要とするようだ：

data: { 
     labels : ["January", "February", "March", "April", "May", "June", "July"], 
     datasets: [ 

DEMO