Chartist.js выбрасывает TypeError: a is null

Я знаю, что здесь отсутствует что-то немое. Любая идея, почему я не могу получить свою диаграмму?Chartist.js выбрасывает TypeError: a is null

TypeError: a пустая ошибка в консоли.

<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

вы должны выполнить JS коды после того, как дом полностью loaded.try перемещение сценария после DIV (конец тела).

<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 is null

ответ

Смежные вопросы