JSFiddle - React, Tailwind, and code Playground

by Guillaume Seguin

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>


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

JavaScript

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

        // Create the chart
        Highcharts.stockChart('container', {


            rangeSelector: {
                selected: 1
            },

            series: [{
                data: data,
                marker: {
                    enabled: true,
                    radius: 3
                },
                shadow: true,
                tooltip: {
                    valueDecimals: 2
                }
            }]
        });
    });
});