Chartist.jsがTypeErrorをスローしています：aはnullです

私はここで何かダムが足りないことを知っています。なぜ私は私のチャートをレンダリングできないのでしょうか？Chartist.jsがTypeErrorをスローしています：aはnullです

TypeError：コンソールでnullエラーメッセージです。

<html> 
<head> 
<title>My first Chartist Tests</title> 
    <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css"> 

</head> 
<body><script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> 


<script type="text/javascript"> 

new Chartist.Line('.ct-chart', { 
    labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'], 
    series: [ 
     [12, 9, 7, 8, 5], 
     [2, 1, 3.5, 7, 3], 
     [1, 3, 4, 5, 6] 
     ] 
}, { 
fullWidth: true, 
chartPadding: { 
    right: 40 
} 
}); 

</script> 
<div class="ct-chart ct-perfect-fourth"></div> 
</body> 
</html>

出典

2016-07-18 Nicole

https://codepen.io/madhawa-se/pen/dXdVzo –

live example

DOMが完全にloaded.try DIV（本体の端）の後にスクリプトを移動した後、あなたはjsのコードを実行する必要があります。

<html> 
    <head> 
     <title>My first Chartist Tests</title> 
     <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css"> 

    </head> 
    <body> 
     <div class="ct-chart ct-perfect-fourth"></div> 

     <script type="text/javascript" src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script> 

     <script type="text/javascript"> 

      new Chartist.Line('.ct-chart', { 
       labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'], 
       series: [ 
        [12, 9, 7, 8, 5], 
        [2, 1, 3.5, 7, 3], 
        [1, 3, 4, 5, 6] 
       ] 
      }, { 
       fullWidth: true, 
       chartPadding: { 
        right: 40 
       } 
      }); 

     </script> 
    </body> 
</html>

出典

2016-07-18 20:49:58

Chartist.jsがTypeErrorをスローしています：aはnullです

答えて

関連する問題