Highcharts Demo

by nehamahajan

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

<div id="container"></div>

CSS

#container {
    height: 400px;
}

JavaScript

Highcharts.chart('container', {
		time: {
            useUTC: false
        },
    xAxis: {
       type: 'datetime',
      crosshair: true,
      tickLength: 4,
      lineWidth: 1,
      min:1700456400000,
      max:1701147599999
    },
    yAxis: {
            min: 0,
            lineWidth: 1,
            gridLineWidth: 1,
            title: {
                enabled: false
            },
            labels: {
                enabled: true,
            },
            endOnTick: true,
            tickPixelInterval: 35,
            index: 0
        },
    chart: {
        type: 'column'
    },
    plotOptions: {
            column: {
                stacking: 'normal',
                pointPadding: 0
            }
        },

    series: [
  {
    "name": "abc",
    "data": [
      {
        "x": 1700456400000,
        "y": 119.37
      },
      {
        "x": 1700542800000,
        "y": 125.87
      },
      {
        "x": 1700629200000,
        "y": 124.37
      },
      {
        "x": 1700715600000,
        "y": 123.87
      },
      {
        "x": 1700802000000,
        "y": 120.87
      },
      {
        "x": 1700888400000,
        "y": 119.38
      }
    ]
  },
  {
    "name": "xyz",
    "data": [
      {
        "x": 1700456400000,
        "y": 0.25
      },
      {
        "x": 1700542800000,
        "y": 0.25
      },
      {
        "x": 1700629200000,
        "y": 0.25
      },
      {
        "x": 1700715600000,
        "y": 0.25
      },
      {
        "x": 1700802000000,
        "y": 0.25
      },
      {
        "x": 1700888400000,
        "y": 0.25
      }
    ]
  }
]
});