JSFiddle - React, Tailwind, and code Playground

by Fusher

HTML

<div id="container" style="height: 500px; min-width: 500px"></div>

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

JavaScript

$(function() {
    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=new-intraday.json&callback=?', function(data) {

        // create the chart
        chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container'
            },

            title: {
                text: 'AAPL stock price by minute'
            },
            
            rangeSelector : {
                buttons : [{
                    type : 'hour',
                    count : 1,
                    text : '1h'
                }, {
                    type : 'day',
                    count : 1,
                    text : '1D'
                },  {
                    type : 'week',
                    count : 1,
                    text : '1W'
                },  {
                    type : 'month',
                    count : 1,
                    text : '1M'
                }, {
                    type : 'all',
                    count : 1,
                    text : 'All'
                }],
                selected : 1,
                inputEnabled : false
            },
            
            series : [{
                name : 'AAPL',
                type: 'candlestick',
                data : data,
                tooltip: {
                    yDecimals: 2
                }
            }]
        });
    });
});