JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

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

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

JavaScript

$(function() {
    var chart = new Highcharts.StockChart({
        
        chart: {
            renderTo: 'container'
        },
        
        rangeSelector: {
            selected: 1
        },
        
        series: [{
            name: 'USD to EUR',
            id: 'dataseries',
            data: usdeur
        }, {
            type: 'flags',
            data: [{
                x: Date.UTC(2011, 3, 25),
                title: 'H',
                text: 'Euro Contained by Channel Resistance'    
            }, {
                x: Date.UTC(2011, 3, 28),
                title: 'G',
                text: 'EURUSD: Bulls Clear Path to 1.50 Figure'    
            }, {
                x: Date.UTC(2011, 4, 4),
                title: 'F',
                text: 'EURUSD: Rate Decision to End Standstill'    
            }, {
                x: Date.UTC(2011, 4, 5),
                title: 'E',
                text: 'EURUSD: Enter Short on Channel Break'
            }, {
                x: Date.UTC(2011, 4, 6),
                title: 'D',
                text: 'Forex: U.S. Non-Farm Payrolls Expand 244K, U.S. Dollar Rally Cut Short By Risk Appetite'
            }, {
                x: Date.UTC(2011, 4, 6),
                title: 'C',
                text: 'US Dollar: Is This the Long-Awaited Recovery or a Temporary Bounce?'
            }, {
                x: Date.UTC(2011, 4, 9),
                title: 'B',
                text: 'EURUSD: Bearish Trend Change on Tap?'
            },{
                x: Date.UTC(2011, 3, 25),
                title: 'H',
                text: 'Euro Contained by Channel Resistance'    
            }, {
                x: Date.UTC(2011, 3, 28),
                title: 'G',
                text: 'EURUSD: Bulls Clear Path to 1.50 Figure'    
            }, {
                x: Date.UTC(2011, 4, 4),
                title: 'F',
                text: 'EURUSD: Rate Decision to End Standstill'    
            }, {
                x:...