JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>

JavaScript

var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            "exporting":{"enabled":true},
            "title":{"text":"Fruit Consumption"},

            "xAxis":{"categories":["Apples","Bananas","Oranges"]},
            "yAxis":{"title":{"text":"Fruit eaten"}},
            "series":[{"name":"Jane","data":[1,0,4]},{"name":"John","data":[5,7,3]}],
            chart:{renderTo:'container'}
        });
        chart.destroy();
    });