JSFiddle - React, Tailwind, and code Playground

by pablojim

HTML

<!--<base href="http://asdfasdfsdf.com"/>-->
<div id="container" style="height: 400px; min-width: 600px"></div>
<button id = "hist">push history</button>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/samples/data/three-series-1000-points.js"></script>

JavaScript

$(function() {
	$('#hist').click(function(e) {
			console.log('push')
			history.pushState(null,null,'/' + new Date().valueOf())
		});
    
    $('#container').highcharts('StockChart', {
	    
	    chart: {
	        // alignTicks: true // by default
            zoomType: 'x'
	    },
	    
	    yAxis: [{
	        title: {
	            text: 'GOOGL'
	        }
	    }, {
	        title: {
	            text: 'MSFT'
	        },
	        gridLineWidth: 0,
	        opposite: true
	    }],
	    
	    rangeSelector: {
				enabled: false
			},
        navigator: {
            enabled: false
        },
        scrollBar: {
            enabled: false
        },
	    
	    series: [{
	        name: 'GOOGL',
	        data: GOOGL
	    }, {
	        name: 'MSFT',
	        data: MSFT,
	        yAxis: 1
	    }]
	});
});