JSFiddle - React, Tailwind, and code Playground

by rhavelka

HTML

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

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

JavaScript

$(function() {
  $('#container').highcharts({
    chart: {
      type: 'scatter'
    },

    series: [{
      name: 'Winter 2007-2008',
      gapSize: 1,
      lineWidth: 1,
      // Define the data points. All series have a dummy year
      // of 1970/71 in order to be compared on the same x axis. Note
      // that in JavaScript, months start at 0 for January, 1 for February etc.
      data: [
        [1, 0],
        [3, 0.6],
        [10, 0.7],
        [11, 0.8],
        [13, 0.6],
        [16, 0.6],
        [17, 0.67],
        [19, 0.81],
        [25, 0.78],
        [35, 0.98],
        [45, 1.84],
        [55, 1.80],
        [56, 1.80],
        [58, 1.92],
        [64, 2.49],
        [66, 2.79],
        [67, 2.73],
        [69, 2.61],
        [79, 2.76],
        [80, 2.82]
      ]
    }]
  });
});