Google Charts on JPLStaff

by keiserjb

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   
   <div id="Weekly_chart_div"></div>
      <div id="Yearly_chart_div"></div>

JavaScript

google.charts.load('current', {
    'packages': ['corechart']
  });
  google.charts.setOnLoadCallback(drawWeeklyChart);
  google.charts.setOnLoadCallback(drawYearlyChart);

  function drawWeeklyChart() {

    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Time of Day');
    data.addColumn('number', 'New Cards');
    data.addColumn('number', 'Target');

    data.addRows([
      [new Date(2018, 9, 1), 0, 0],
      [new Date(2018, 9, 6), , 532],
      [new Date(2018, 9, 13), , 1154],
      [new Date(2018, 9, 20), , 1776],
      [new Date(2018, 9, 27), , 2398],
      [new Date(2018, 10, 3), , 2966],
      [new Date(2018, 10, 10), , 3455],
      [new Date(2018, 10, 17), , 3944],
      [new Date(2018, 10, 24), , 4433],
      [new Date(2018, 11, 1), , 4911],
      [new Date(2018, 11, 8), , 5304],
      [new Date(2018, 11, 15), , 5697],
	  [new Date(2018, 11, 22), , 6090],	
	  [new Date(2018, 11, 29), , 6483],
	  [new Date(2019, 0, 5), , 7016],
	  [new Date(2019, 0, 12), , 7607],	
	  [new Date(2019, 0, 19), , 8198],
	  [new Date(2019, 0, 25), , 8789],
	  [new Date(2019, 1, 2), , 9368],
	  [new Date(2019, 1, 9), , 9912],
	  [new Date(2019, 1, 16), , 10456],	
	  [new Date(2019, 1, 23), , 11000],
	  [new Date(2019, 2, 2), , 11538],
	  [new Date(2019, 2, 9), , 12059],
	  [new Date(2019, 2, 16), , 12580], 
      [new Date(2019, 2, 23), , 13101],	
	  [new Date(2019, 2, 30), , 13622],

    ]);


    var options = {
      title: 'FY19 New Cards by Week',
      curveType: 'function',
      width: 800,
      height: 400,
      animation: {
        duration: 250,
				easing: 'inandout'
        
      },
      hAxis: {
        format: 'MMM dd, yyyy',
        gridlines: {
          count: 15
        }
      },
      vAxis: {
        gridlines: {
          color: 'none'
        },
        minValue: 0
      }

    };

    var chart = new google.visualization.LineChart(document.getElementById('Weekly_chart_div'));
    var index = 0;
    var chartData = [0,...