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>
<button>call chart.get('navigator')</button>

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'
            },

            navigator: {
                series: {
                    id: 'navigator'
                }
            },
            
            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'AAPL Stock Price'
            },

            xAxis : {
                maxZoom : 14 * 24 * 3600000 // fourteen days
            },
            
            series : [{
                name : 'AAPL',
                data : data,
                tooltip: {
                    yDecimals: 2
                }
            }]
        }, function(chart){
        
            $('button').click(function(){
                alert( 'navigator series: ' + chart.get('navigator') );
            })
        
        });
    });

});