錯誤：「未捕獲的類型錯誤：無法讀取null屬性'長度'Chart.js

我用Chart.js製作了多個圖形。但極地圖形和雷達不起作用。我得到以下錯誤：「遺漏的類型錯誤：無法讀取屬性空的‘長度’」錯誤：「未捕獲的類型錯誤：無法讀取null屬性'長度'Chart.js

我用charjs 2.3.0

我不明白的地方的錯誤能來。

<div class="col-lg-6 col-md-6"> 
    <canvas class="box box-warning" id="myChart4" width="400" height="400"></canvas> 
</div> 

<div class="col-lg-6 col-md-6"> 
    <canvas class="box box-warning" id="myChart5" width="400" height="400"></canvas> 
</div> 

////////////////////////////////////////////// 
// Chart Polar 
////////////////////////////////////////////// 

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

new Chart(ctx, { 
    type: 'polarArea', 
    data: { 
     labels: [ 
      "Red", 
      "Blue", 
      "Yellow" 
     ], 
     datasets: [{ 
      data: [300, 50, 100], 
      backgroundColor: [ 
       "#FF6384", 
       "#36A2EB", 
       "#FFCE56" 
      ], 
      hoverBackgroundColor: [ 
       "#FF6384", 
       "#36A2EB", 
       "#FFCE56" 
      ] 
     }] 
    }, 
    options: { 
     cutoutPercentage: 50, 
     animation: { 
      animateScale: false 
     } 
    } 
}); 

////////////////////////////////////////////// 
// Radar 
////////////////////////////////////////////// 

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


var scatterChart = new Chart(ctx, { 
    type: 'radar', 
    data: data = { 

     labels: ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche", ], 
     datasets: [{ 
      label: 'the first dataset', 
      backgroundColor: 'rgba(255, 99, 132, 0.2)', 
      borderColor: 'rgba(255,99,132,1)', 
      data: [10, 34, 50, 34, 56, 65, 43] 
     }, { 
      label: 'the second dataset', 

      backgroundColor: 'rgba(54, 162, 235, 0.2)', 
      borderColor: 'rgba(54, 162, 235, 1)', 

      data: [54, 72, 100, 36, 76, 23, 21] 
     }] 
    }, 
    options: { 
     scales: { 
      xAxes: [{ 
       type: 'linear', 
       position: 'bottom' 
      }] 
     } 
    } 
});

來源

2016-09-22 DenisMasot

與你的代碼試圖chart.js之相同版本後，它工作正常。沒有錯誤。你確定這是Chart.js的問題嗎？ https://jsfiddle.net/vwh2zsn9/ – Littlee

我的代碼是好的，那麼問題在別處我用我的代碼做了一個jsbin：https://jsbin.com/wehalay/1/edit?html,js,output – DenisMasot

問題是這一行：

var ctx = document.getElementById('sexe');

你沒有ID爲「sexe」任何元素的頁面

來源

2016-09-22 10:04:04 Littlee

錯誤：「未捕獲的類型錯誤：無法讀取null屬性'長度'Chart.js

回答

相關問題