Chartist Example

<!doctype html>

<html>
  <head>
    <link rel="stylesheet" href="lib/style.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">
    <script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js">
    <script src="lib/script.js"></script>
    
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    <div class="ct-chart ct-square"></div>
     <script src="lib/script.js"></script>
  </body>
</html>

/* Add your styles here */

// Add your code here
var data = {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'Mai', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
    series: [
    [500, 419, 398, 450, 469, 520, 580, 510, 610, 680, 700, 728]
  ]
};

var options = {
  seriesBarDistance: 100
};
console.log(data);
new Chartist.Line('.ct-chart', data, options);