JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://www.highcharts.com/js/testing-stock-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
        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container'
            },

            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'AAPL Stock Price'
            },
            
            tooltip: {
                formatter: function(){
                    var point = this.points[0],
                        first = point.series.processedYData[0],
                        change = point.y - first;
                    
                    return point.y + ' change: ' + 
                        '<span style="color: '+(change < 0 ? '#f00' : '#0f0')+'">'+(change < 0 ? '' : '+')+change.toFixed(3)+'</span>';
                }
            },

            xAxis : {
                maxZoom : 14 * 24 * 3600000 // fourteen days
            },
            
            series : [{
                name : 'AAPL',
                data : data,
                tooltip: {
                    yDecimals: 2
                }
            }]
        });
    });

});