JSFiddle - React, Tailwind, and code Playground

by Torstein Hønsi

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>

JavaScript

$(function() {

    var data = [
        [Date.UTC(2011, 10, 21), 1],
        [Date.UTC(2011, 10, 22), 1],
        [Date.UTC(2011, 10, 23), 1],
        [Date.UTC(2011, 10, 24), 1],
        [Date.UTC(2011, 10, 25), 1],
        
        [Date.UTC(2011, 10, 28), 2],
        [Date.UTC(2011, 10, 29), 2],
        [Date.UTC(2011, 10, 30), 2],
        [Date.UTC(2011, 11, 1), 2],
        [Date.UTC(2011, 11, 2), 2]
    ];
        // Create the chart
        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container'
            },

            rangeSelector : {
            },

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

            series : [{
                name : 'AAPL',
                data : data,
                tooltip: {
                    yDecimals: 2
                },
                dataGrouping: {
                    forced: true,
                    units: [
                        ['week', [1]]
                    ]
                }    
            }]
        });

});