JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing-stock.js"></script>

<div id="container" style="height: 300px"></div>
<div id="report"></div>

JavaScript

var chart = new Highcharts.StockChart({

    chart: {
        renderTo: 'container'
    },
    
    xAxis: {
        events: {
            setExtremes: function(e){
                var axis = this;
                setTimeout(function(){
                    var data = axis.series[0].processedXData;
                    str = [];
                    str.push( 'from: ' + e.min );
                    str.push( 'processed data: '+ data.length );
                    str.push( ' first: ' + data[0] );
                        
                    $('#report').html(str.join(', '));
                },0);
            }
        }
    },

    series: [{
        pointStart: Date.UTC(2011,0,1),
        data: (function(){
            for(var i=0, arr=[]; i<100; i++)
                arr[i] = Math.random()
            return arr;
        })()
    }]
});