Untitled

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load("current", {packages:["calendar"]});
      google.charts.setOnLoadCallback(drawChart);

   function drawChart() {
       var dataTable = new google.visualization.DataTable();
       dataTable.addColumn({ type: 'date', id: 'Date' });
       dataTable.addColumn({ type: 'number', id: 'Won/Loss' });
       dataTable.addRows([
          [ new Date(2018, 9, 25), 1 ],
          [ new Date(2018, 10, 7), 1 ],
          [ new Date(2018, 10, 9), 9 ],
          [ new Date(2018, 10, 10), 1 ],
		  [ new Date(2018, 10, 11), 20 ],
          [ new Date(2018, 10, 15), 7 ],
          [ new Date(2018, 10, 16), 2 ],
          [ new Date(2018, 10, 18), 15 ],
          [ new Date(2018, 10, 21), 3 ],
          [ new Date(2018, 10, 24), 1 ],
          [ new Date(2018, 10, 30), 1 ],
          [ new Date(2018, 11, 1), 10 ],
          [ new Date(2018, 11, 2), 13 ],
          [ new Date(2018, 11, 3), 3 ],
          [ new Date(2018, 11, 4), 29 ],
        ]);

       var chart = new google.visualization.Calendar(document.getElementById('calendar_basic'));

       var options = {
         title: "",
         height: 350,
		 noDataPattern: {
           backgroundColor: '#000000',
           color: '#999999'
         }
       };

       chart.draw(dataTable, options);
   }
    </script>
  </head>
  <body>
    <div id="calendar_basic" style="width: 1000px; height: 350px;"></div>
  </body>
</html>