JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

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


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

JavaScript

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

        // Create the chart
        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container',
                marginTop: 50
            },

            rangeSelector : {
                enabled: false
            },
            
            xAxis: {
                min: Date.UTC(2011,1,1)
            },
            
            plotOptions: {
                flags: {
                    shadow: false,
                    states: {
                        hover: {
                            
                        }
                    }
                }
            },
            
            series : [{
                name : 'USD to EUR',
                data : data,
                id : 'dataseries',
                tooltip : {
                    yDecimals: 4
                }
            }, {
                color: '#00e4ff',
                fillColor: '#00e4ff',
                style : {// text style
                    color : '#efeeeb'
                },
                states: {
                    hover: {
                        color: '#10f4ff',
                        fillColor: '#10f4ff',
                    }
                },
                type: 'flags',
                data: [{
                    x: Date.UTC(2011, 1, 14),
                    title: 'A',
                    text: 'Shape: "squarepin"'
                }, {
                    x : Date.UTC(2011, 3, 28),
                    title: 'A',
                    text: 'Shape: "squarepin"'
                }],
                onSeries: 'dataseries',
                shape: 'squarepin',
                width: 16,
                y:-22
            }, {
                type : 'flags',
                data : [{
                    x : Date.UTC(2011, 2, 1),
                    title : 'B',
                    text :...