JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.highcharts.com/dev-navigator/highstock.js"></script>
<script src="http://github.highcharts.com/dev-navigator/modules/exporting.js"></script>

<div id="container" style="height: 500px; min-width: 500px"></div>

JavaScript

$(function() {

  $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
    // Create the chart
    $('#container').highcharts('StockChart', {
      xAxis: {
        reversed: true,
        ordinal: false
      },

      navigator: {
        xAxis: {
          reversed: true,
          ordinal: false
        }
      },

      rangeSelector: {
        selected: 1
      },

      title: {
        text: 'AAPL Stock Price'
      },

      series: [{
        name: 'AAPL',
        data: data,
        tooltip: {
          valueDecimals: 2
        }
      }]
    });
  });

});