text: 
  'use strict';
  $(document).ready(function() {
  	var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
      var config = {
          type: 'line',
          data: {
              labels: ["January", "February", "March", "April", "May", "June", "July"],
              datasets: [{
                  label: "Site A",
                  backgroundColor: window.chartColors.red,
                  borderColor: window.chartColors.red,
                  data: [
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor()
                  ],
                  fill: false,
              }, {
                  label: "Site B",
                  fill: false,
                  backgroundColor: window.chartColors.blue,
                  borderColor: window.chartColors.blue,
                  data: [
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor(),
                      randomScalingFactor()
                  ],
              }]
          },
          options: {
              responsive: true,
              title:{
                  display:true,
                  text:'Overview of Latest Month'
              },
              tooltips: {
                  mode: 'index',
                  intersect: false,
              },
              hover: {
                  mode: 'nearest',
                  intersect: true
              },
              scales: {
                  xAxes: [{
                      display: true,
                      scaleLabel: {
                          display: true,
                          labelString: 'Month'
                      }
                  }],
                  yAxes: [{
                      display: true,
                      scaleLabel: {
                          display: true,
                          labelString: 'Students'
                      }
                  }]
              }
          }
      };
      var ctx = document.getElementById("chartjs_line").getContext("2d");
      window.myLine = new Chart(ctx, config);
  	});
          
        
  $(document).ready(function() {
  	var randomScalingFactor = function() {
          return Math.round(Math.random() * 100);
      };
  
      var config = {
          type: 'pie',
      data: {
          datasets: [{
              data: [
                  randomScalingFactor(),
                  randomScalingFactor(),
                  randomScalingFactor(),
                  randomScalingFactor(),
                  randomScalingFactor(),
              ],
              backgroundColor: [
                  window.chartColors.red,
                  window.chartColors.orange,
                  window.chartColors.yellow,
                  window.chartColors.green,
                  window.chartColors.blue,
              ],
              label: 'Dataset 1'
          }],
          labels: [
              "USA",
              "Canada",
              "Indai",
              "China",
              "Russia"
          ]
      },
      options: {
          responsive: true
      }
  };
  
      var ctx = document.getElementById("chartjs_pie").getContext("2d");
      window.myPie = new Chart(ctx, config);
  }); 