JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/highcharts.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: {
      zoomType: 'xy',
      width: 640
    },
    xAxis: [{
      categories: ['2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015'],
      crosshair: true,
      gridLineWidth: 1,
      labels: {
        style: {
          fontSize: '15px'
        }
      }
    }],
    yAxis: [{ // Primary yAxis
      gridLineWidth: 2,
      tickInterval: 20,
      fontWidth: 100,
      title: {
        text: 'S&P value',
        style: {
          color: "#000000",
          font: '20px Arial, sans-serif'
        }
      }, 
      opposite: true,
      labels: {
        format: '{value}',
        style: {
          color: "#000000",
          font: '20px Arial, sans-serif'
        }
      }
    }, { // Secondary yAxis
      tickInterval: 20,
      title: {
        text: 'Total Retrun %',
        style: {
          color: "#000000",
          font: '20px Arial, sans-serif'
        }
      },
      labels: {
        format: '{value}',
        style: {
          color: "#000000",
          font: '20px Arial, sans-serif'
        }
      }
    }, ],
    legend: {
      layout: 'horizontal',
      align: 'center',
      x: 0,
      verticalAlign: 'top',
      y: 0,
      floating: true,
      backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF',
  itemStyle: {
        font: '15pt Helvetica'
      }
    },
    series: [{
      name: 'AirTransport',
      type: 'column',
      yAxis: 0,
      data: [22.5, -1.9, -32.6, 22.3, 33.4, -6.1, 19.2, 50.7, 28.1, -8.6],
      tooltip: {
        valueSuffix: ''
      },
      pointWidth: 35,
      color: "#b3b3b3"
    }, {
      marker: {
        fillColor: '#FFFFFF',
        lineWidth: 1,
        lineColor: null
      },
      name: 'S&P 500',
      type: 'line',
      yAxis: 1,
      data: [1583, 5.5, -37.0, 26.5, 25.0, 2.1, 16.0, 32.4, 23.7],
      color: "#000000"
    }]
      });
});