Search
 
SCRIPT & CODE EXAMPLE
 

HTML

Uncaught ReferenceError: Chartist is not defined

Move your scripts to the footer:


<!DOCTYPE html>
<html>
<head>

    <link href="https//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
    <meta charset="utf-8">
    <title>Chartist.js - Simple line chart</title>

     </head>

     <body>
     <div class="ct-chart"></div>
    <script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
    <script>
       // THIS IS WHERE THE ERROR OCCURS
       new Chartist.Line('.ct-chart', {
       labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
       series: [
                 [2, 3, 2, 4, 5],
                 [0, 2.5, 3, 2, 3],
                 [1, 2, 2.5, 3.5, 4]
               ]
        }, {
          width: 500,
          height: 300
       });

     </script>
     </body>

     </html>
Comment

PREVIOUS NEXT
Code Example
Html :: wordpress html templates 
Html :: signature template html 
Html :: where does lava come from 
Html :: <html <frameset cols ="50%,50%" <frame src ="vate.html" </frame <frame scr ="abosamra.html" </frame </frameset </html 
Html :: navbar bootstrap 5 
Css :: center position fixed 
Css :: css second td in table 
Css :: css center image on background 
Css :: overflow dots css 
Css :: css filter white to black 
Css :: html remove border from textarea 
Css :: remove underline hover css 
Css :: remove styling from a tag 
Css :: linear gradient instagram 
Css :: not disabled css 
Css :: disabled cursor pointer 
Css :: 2 lines paragraph 
Css :: li remove dot css 
Css :: vertically center an svg 
Css :: css text dots 
Css :: css disable selection 
Css :: table overflow not working 
Css :: iframe no scroll 
Css :: smooth transition css on hover 
Css :: How to make an image fill its container without stretching 
Css :: centralizar div verticalmente css 
Css :: christmas red color code 
Css :: grid center css 
Css :: css stop scrollbar 
Css :: how to enlarge image when hover on in css 
ADD CONTENT
Topic
Content
Source link
Name
7+6 =