Date on Xaxis example

by amrutaJgtp

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

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

JavaScript

$(function() {
  $('#container').highcharts({
    "chart": {
      "backgroundColor": "rgba(255,255,255,0)",
      "reflow": false,
      "height": 754,
      "width": 1580,
      "plotBackgroundColor": "rgba(255,255,255,0)",
      "zoomType": "xy",
      "resetZoomButton": {
        "theme": {
          "fill": "#ffffff",
          "stroke": "#003ce1",
          "r": 0,
          "style": {
            "color": "#003ce1",
            "cursor": "pointer",
            "fontSize": "0.714rem",
            "fontFamily": "Lucida Sans Unicode"
          },
          "states": {
            "hover": {
              "fill": "#003ce1",
              "stroke": "#003ce1",
              "style": {
                "color": "#ffffff",
                "fontSize": "0.714rem",
                "fontFamily": "Lucida Sans Unicode"
              }
            }
          }
        }
      },
      "alignTicks": true,
      "options3d": {
        "enabled": false
      }
    },
    "title": {
      "text": null
    },
    "tooltip": {
      "enabled": true,
      "shared": false,
      "borderWidth": 1,
      "borderRadius": 1,
      "backgroundColor": "#ffffff",
      "style": {
        "color": "#000000",
        "fontSize": "1rem",
        "fontFamily": "Lucida Sans Unicode",
        "fontWeight": "normal",
        "fontStyle": "normal",
        "textDecoration": "none"
      },
      "crosshairs": [false, false]
    },
    "plotOptions": {
      "series": {
        "animation": {
          "duration": 700
        },
        "cursor": "pointer",
        "allowPointSelect": true,
        "showInLegend": true,
        "turboThreshold": 0,
        "stickyTracking": false,
        "events": {},
        "point": {
          "events": {}
        },
        "pointPadding": 0.1
      }
    },
    "legend": {
      "enabled": true,
      "item": {},
      "borderWidth": 0,
      "layout": "horizontal",
      "backgroundColor": "rgba(255,255,255,0)",
      "itemStyle": {
        "color":...