JSFiddle - React, Tailwind, and code Playground

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: 400px; min-width: 310px"></div>

JavaScript

$(function () {

    $.getJSON('http://test3.wdda.pro/test.php', function (data) {
        // Create the chart
        $('#container').highcharts('StockChart', {


            rangeSelector : {
                selected : 1
            },
            xAxis: {
				gridLineWidth: 1,
				gridLineColor: '#e6e6e6',
				type: 'datetime',
				tickPixelInterval: 80,
				dateTimeLabelFormats:{
					day: '%d.%m',
				},
				ordinal: false,
				lineWidth: 0,
				tickPosition: 'inside',
				labels: {
					style: {
						fontSize: '12px',
						color: '#797979'
					}
				},
			},

            title : {
                text : 'AAPL Stock Price'
            },

            series : [{
                name : 'AAPL',
                data : data,
               dataGrouping: {
					enabled: true,
					forced: true,
                   
                },
                stacking: 'normal',
            }]
        });
    });

});