JSFiddle - React, Tailwind, and code Playground

by Pawan Jadhav

HTML

<script src="http://code.highcharts.com/highcharts-more.js"></script>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
Highcharts.setOptions({
	global: {
		useUTC: false
	}
});
    $('#container').highcharts({
    
        "chart": {
            "zoomType": "xy"
        },
        "scrollbar": {
            "enabled": true
        },
        "xAxis": {
            "type": "datetime",
            max : 1272652200000
        },
        "series": [{
            "type": "column",
            "data": [{
                "x": new Date('01/01/2010'),
                "y": 12
            },
            {
                "x": new Date('02/01/2010'),
                "y": 14
            },
            {
                "x": new Date('03/01/2010'),
                "y": 14
            },
            {
                "x": new Date('04/01/2010'),
                "y": 14
            },
            {
                "x": new Date('05/01/2010'),
                "y": 14
            },
            {
                "x": new Date('06/01/2010'),
                "y": 14
            },
            {
                "x": new Date('08/01/2010'),
                "y": 14
            },
            {
                "x": new Date('09/01/2010'),
                "y": 14
            }
			]
        }]
    });
});