JSFiddle - React, Tailwind, and code Playground

by Sundarapandiyan_pa

HTML

<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="chart1"></div>

JavaScript

(
    function($, undefined)
    {
        $(document).ready(
            function()
            {
                new Highcharts.Chart(
                    {
                        chart:
                        {
                            renderTo: 'chart1',
                            type: 'line',
                            zoomType: 'x'
                        },
                        showResetZoom: function(e)
                        {
                            console.log('showResetZoom()');
                        },
                        global:
                        {
                            useUTC: false
                        },
                        title: false,
                        credits:
                        {
                            enabled: false
                        },
                        legend:
                        {
                            align: 'center',
                            verticalAlign: 'top',
                            floating: true,
                            y: 0,
                            border: 0,
                            borderRadius: 0,
                            borderWidth: 0,
                            layout: 'horizontal'
                        },
                        exporting: false,
                        xAxis:
                        {
                            type: "datetime",
                            maxZoom: 86400000,
                            gridLineWidth: 1,
                            title: false,
                            events:
                            {
                                setExtremes: function(e)
                                {
                                    console.log('setExtremes()');
                                }
                                
                            }
                        },
                        yAxis:
                        [
                            {
               ...