Highcharts Demo

author(s): Torstein Hønsi

by Black Label

HTML

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

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

CSS

#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

JavaScript

var data = [
  [Date.UTC(2020, 0, 1), 29.9],
  [Date.UTC(2020, 0, 2), 71.5],
  [Date.UTC(2020, 0, 6), 106.4],
  [Date.UTC(2020, 0, 3), 129.2],
  [Date.UTC(2020, 0, 5), 144.0],
  [Date.UTC(2020, 0, 8), 176.0]
];

data.sort((a, b) => a[0] - b[0]);

Highcharts.chart('container', {
  xAxis: {
    type: 'datetime'
  },
  series: [{
    data
  }]
});