score:1

Accepted answer

you have typo in your code:

<script scr="chart.min.js"></script> 

should be:

<script src="chart.min.js"></script> 

try to change your code like this:

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-ccuebr6csya4/9szppfrx3s49m9vuu5bgtijj06wt/s=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/chart.js/1.0.2/chart.min.js">
  </script>
</head>

<body>
  `

  <canvas id="canvas" width="400" height="400"></canvas>

  <script>
    var data = {
      labels: ["january", "february", "march", "april", "may", "june", "july"],
      datasets: [{
        fillcolor: "rgba(220,220,220,0.5)",
        strokecolor: "rgba(220,220,220,1)",
        data: [65, 59, 90, 81, 56, 55, 40]
      }, {
        fillcolor: "rgba(151,187,205,0.5)",
        strokecolor: "rgba(151,187,205,1)",
        data: [28, 48, 40, 19, 96, 27, 100]
      }]
    }


    var ctx = $("#canvas")[0].getcontext("2d");
    var testchart = new chart(ctx).bar(data);
    new chart(ctx).bar(data);
  </script>
</body>
</html>


Related Query

More Query from same tag