JSFiddle - React, Tailwind, and code Playground

by Nayana Das

HTML

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

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

JavaScript

$(function() {
    chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container',
            alignTicks: false,
            marginLeft: 20, 
            marginRight: 130
        },
        
        rangeSelector: {
            buttons: [{
                type: 'day',
                count: 2,
                text: '2d'
            }, {
                type: 'all',
                text: 'All'
            }],
            selected: 1
        },
        
        xAxis: {
            type: 'datetime',
            title: {
                text: null
            }
        },
        
        series: [{
            data: [{
                x: Date.UTC(2011, 10, 1),
                y: 213
            }, {
                x: Date.UTC(2011, 10, 2),
                y: 42
            }, {
                x: Date.UTC(2011, 10, 3),
                y: 214
            }, {
                x: Date.UTC(2011, 10, 4),
                y: 424
            }, {
                x: Date.UTC(2011, 10, 5),
                y: 432
            }, {
                x: Date.UTC(2011, 10, 6),
                y: 23
            }, {
                x: Date.UTC(2011, 10, 7),
                y: 623
            }, {
                x: Date.UTC(2011, 10, 8),
                y: 20
            }]
        }, {
            data: [{
                x: Date.UTC(2011, 10, 1),
                y: 546
            }, {
                x: Date.UTC(2011, 10, 2),
                y: 546
            }, {
                x: Date.UTC(2011, 10, 3),
                y: 789
            }, {
                x: Date.UTC(2011, 10, 4),
                y: 457
            }, {
                x: Date.UTC(2011, 10, 5),
                y: 57
            }, {
                x: Date.UTC(2011, 10, 6),
                y: 894
            }, {
                x: Date.UTC(2011, 10, 7),
                y: 354
            }, {
                x: Date.UTC(2011, 10, 8),
                y: 246
            }]
       ...