JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

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

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

JavaScript

$(function() {

    $.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?', function(data) {
        window.chart = new Highcharts.StockChart({
            chart : {
                renderTo : 'container',
                zoomType: 'xy'
            },

            navigator: {
                enabled: false
            },
            scrollbar: {
                enabled: false
            },
            plotOptions: {
                  scatter: {
                    dataGrouping: {
                        enabled: true
                    }
                }
            },
            series : [{
                data : data,
                type: 'scatter',
                tooltip: {
                    yDecimals: 2
                },
                dataGrouping: {
                    approximation: 'open',
                    groupPixelWidth: 30,
                    smoothed: true,
                }
            }]
        });
    });

});