JSFiddle - React, Tailwind, and code Playground

by Fusher

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() {

	$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
        //Preprocess data to get smaller interval
        var dLen = data.length,
            t = +new Date();
        
        for(var i = 0; i < dLen; i++){
                data[i][0] = t + i * 1000; //1 sec interval 
        }
        
		// Create the chart
		$('#container').highcharts('StockChart', {
			

			rangeSelector : {
                enabled: false
			},

            xAxis: {
                min: t,
                max: t + 60 * 1000
            },
			title : {
				text : 'AAPL Stock Price'
			},
			
			series : [{
				name : 'AAPL',
				data : data,
				tooltip: {
					valueDecimals: 2
				}
			}]
		});
	});

});