JSFiddle - React, Tailwind, and code Playground

by Mohammad Gouse

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>

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

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

JavaScript

var data = [
           
            [Date.UTC(2017, 0,  4), 4.6],
			[Date.UTC(2017, 0,  4), 2.6],
            [Date.UTC(2017, 0, 17), 2.55],
            [Date.UTC(2017, 0, 24), 2.62],
            [Date.UTC(2017, 1,  4), 2.5],
            [Date.UTC(2017, 1, 14), 2.42],
            [Date.UTC(2017, 2,  6), 2.74],
            [Date.UTC(2017, 2, 14), 2.62],
            [Date.UTC(2017, 2, 24), 5.6],
            [Date.UTC(2017, 3,  1), 2.81],
            [Date.UTC(2017, 3, 11), 2.63],
            [Date.UTC(2017, 3, 27), 2.77],
            [Date.UTC(2017, 4,  4), 3.68],
            [Date.UTC(2017, 4,  9), 2.56],
            [Date.UTC(2017, 4, 14), 2.39],
            [Date.UTC(2017, 4, 19), 2.3],
            [Date.UTC(2017, 5,  4), 2],
            [Date.UTC(2017, 5,  9), 1.85],
            [Date.UTC(2017, 5, 14), 1.49],
            [Date.UTC(2017, 5, 19), 1.27],
            [Date.UTC(2017, 5, 24), 0.99],
            [Date.UTC(2017, 5, 29), 0.67],
            [Date.UTC(2017, 6,  3), 0.18],
            [Date.UTC(2017, 7,  4), 0],
			[Date.UTC(2017, 5, 29), 0.67],
            [Date.UTC(2017, 8,  3), 0.18],
            [Date.UTC(2017, 9,  4), 0],
			[Date.UTC(2017, 10, 25), 0],
			[Date.UTC(2017, 10, 25), 4],
            [Date.UTC(2017, 11,  6), 0.25],
			[Date.UTC(2017, 11,  6), 0.55],
			[Date.UTC(2017, 11,  6), 2.00],
            [Date.UTC(2017, 11, 20), 1.41],
            [Date.UTC(2017, 11, 25), 1.64]
			];
    Highcharts.stockChart('container', {

        rangeSelector: {
            selected: 12
        },

        title: {
            text: '2018 FIRST FIRE DATES'
        },

        series: [{
            name: 'FIRST FIRE DATES',
            data: data,
            lineWidth: 0,
            marker: {
                enabled: true,
                radius: 6
            },
            tooltip: {
				split: false,
                valueDecimals: 0
            },
            states: {
                hover: {
                    lineWidthPlus: 0
                }
     ...