JSFiddle - React, Tailwind, and code Playground

by sbochan

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<div id="container" style="height: 500px; min-width: 500px"></div>

JavaScript

$(function () {


    // Create the chart
    $('#container').highcharts('StockChart', {

        chart: {
            type: 'column'
        },
        rangeSelector: {
            selected: 1
        },

        title: {
            text: 'AAPL Stock Price'
        },
        plotOptions: {
            column: {
                point: {
                    events: {
                        click: function () {
                            window.open(this.customURL);
                        }
                    }
                }
            }
        },
        series: [{
            name: 'AAPL',
            data: [{
                x: 1153440000000,
                y: 60.72,
                customURL: 'http://www.yahoo.com'
            },
            {
                x: 1153699200000,
                y: 61.42,
                customURL:'http://www.google.com'
            }]
    }]
});

});