Highcharts - xAxis - Monthly - Multi-Line Graphs

by Ryan Brackett

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

CSS

<style> .tweak {
      margin: 0px 0px 5px 32px
  }
  .tweak-0 {
      margin: 0px 0px 5px -22px
  }
  .tweak-1 {
      margin: 0px 0px 11px -42px
  }
  .tweak-2 {
      margin-bottom: 5px;
  }
  .tweak-3 {
      margin-bottom:0px;
  }
  .tweak-4 {
      margin-right:30px
  }
  </style>

JavaScript

$(function() {
  $('#container').highcharts({


    series: [{
        name: 'Total Occupied Beds',
        data: [
          //	4/1/2020
          461,
          //	4/2/2020	
          445,
          //	4/3/2020
          449,
          //	4/4/2020
          444,
          //	4/5/2020
          461,
          //	4/6/2020
          443,
          //	4/7/2020
          481,
          //	4/8/2020
          470,
          //	4/9/2020
          464,
          //	4/10/2020
          496,
          //	4/11/2020
          474,
          //	4/12/2020
          457,
          //	4/13/2020
          461,
          //	4/14/2020
          480,
          //	4/15/2020
          503,
          //	4/16/2020
          548,
          //	4/17/2020
          510,
          //	4/18/2020
          479,
          //	4/19/2020
          519,
          //	4/20/2020
          525,
          //	4/21/2020
          567,
          //	4/22/2020
          514,
          //	4/23/2020
          571,
          //	4/24/2020
          525,
          //	4/25/2020
          509,
          //	4/26/2020
          519,
          //	4/27/2020
          510,
          //	4/28/2020
          536,
          //	4/29/2020
          571,
          //	4/30/2020
          558,
          //	5/1/2020
          576,
          //	5/2/2020
          553,
          //	5/3/2020
          547,
          //	5/4/2020
          544,
          //	5/5/2020
          599,
          //	5/6/2020
          613,
          //	5/7/2020
          607,
          //	5/8/2020
          620,
          //	5/9/2020
          599,
          //	5/10/2020
          569,
          //	5/11/2020
          593,
          //	5/12/2020
          599,
          //	5/13/2020
          626,
          //	5/14/2020
          582,
          //	5/15/2020
          601,
          //	5/16/2020
          610,
          //	5/17/2020
          583,
          //	5/18/2020
          581,
          //	5/19/2020
          581,
          //	5/20/2020
         ...