JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(function () {

    var index = 0;
    $('#container').highcharts({

        chart: {
            events: {
                load: hoverAnim
            }
        },
        tooltip: {
            crosshairs: true  
        },

        series: [{
            name: 'AAPL',
            data: [5, 10, 15, 12, 13, 14, 12, 1, 12, 1, 12, 12, 12, 1]
        }]
    });



    function hoverAnim(e) {
        var chart = this,
            points = chart.series[0].points,
            len = points.length;

        if (index < len) {
            chart.hoverSeries = chart.series[0];
            chart.hoverPoint = points[index];
            chart.pointer.runPointActions(e); //display crosshair
            points[index].onMouseOver(e); // display tooltip and set hover state
            index++;
            setTimeout(function () {
                hoverAnim.call(chart, e);
            }, 100);
        }
    }

});