JSFiddle - React, Tailwind, and code Playground

by Fusher

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>

JavaScript

$(function() {
    var chart = new Highcharts.StockChart({

        chart: {
            renderTo: 'container'
        },

        rangeSelector: {
            selected: 1
        },
        plotOptions: {
            series: {
                marker: {
                    enabled: true ,
                    symbol: 'square'
                }
            }
        },

        series: [{
            name: 'test',
            data: [{
                x: 8,
                y: 40},
            {
                x: 9,
                y: 40},
            {
                x: 10,
                y: 4},
            {
                x: 11,
                y: 42,
                marker: {
                    symbol:'url(http://www.highcharts.com/demo/gfx/sun.png)'
                }
            },
            {
                x: 12,
                y: 140
            },
            {
                x: 13,
                y: 44
            }]

        }]
    });
});