<!DOCTYPE html>
<html>
  <head>
    <script src="../dist/chartkick.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
    <!-- <script src="https://www.gstatic.com/charts/loader.js"></script> -->
    <!-- <script src="https://code.highcharts.com/highcharts.js"></script> -->
  </head>
  <body>
    <div id="chart" style="height: 300px;"></div>
    <script>
      new Chartkick.LineChart("chart", {"26":4,"25":8,"24":0,"23":2,"22":2,"21":1,"20":3,"19":5,"18":8,"17":1,"16":3,"15":1,"14":2,"13":5,"12":7,"11":9,"10":1,"9":6,"8":4,"7":0,"6":3,"5":9,"4":8,"3":0,"2":5,"1":2}, {code: true});
    </script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <script src="../dist/chartkick.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
    <!-- <script src="https://www.gstatic.com/charts/loader.js"></script> -->
    <!-- <script src="https://code.highcharts.com/highcharts.js"></script> -->
  </head>
  <body>
    <div id="chart" style="height: 300px;"></div>
    <script>
      new Chartkick.LineChart("chart", {"26":4,"25":8,"24":0,"23":2,"22":2,"21":1,"20":3,"19":5,"18":8,"17":1,"16":3,"15":1,"14":2,"13":5,"12":7,"11":9,"10":1,"9":6,"8":4,"7":0,"6":3,"5":9,"4":8,"3":0,"2":5,"1":2}, {code: true});
    </script>
  </body>
</html>

Use utf-8 for Highcharts bullets
Use utf-8 for Highcharts bullets
