JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>

JavaScript

$(function () {

    // create the chart
    $('#container').highcharts('StockChart', {


        rangeSelector: {
            selected: 1
        },

        title: {
            text: 'AAPL Stock Price'
        },
        plotOptions: {
            series: {
                color: 'red'
            }
        },
        series: [{
            type: 'candlestick',
            name: 'AAPL Stock Price',
            data: [
                [1147651200000, 67.37, 68.38, 67.12, 67.79],
                [1147737600000, 68.10, 68.25, 64.75, 64.98],
                [1147824000000, 64.70, 65.70, 64.07, 65.26],
                {
                    x: 1147910400000,
                    open: 65.68,
                    close: 66.26,
                    low: 63.12,
                    high: 63.1,
                    color: 'blue'
                }
                ]
            }]
        });
    });