JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<div id="chartdiv" style="height: 400px"></div>

JavaScript

//var timeArr = [1533106268143, 1533205743927, 1533378937177, 1533550735266, 1533550720277, 1534156772625, 1534761572625]
var timeArr = [1533106268143, 1533205743927, 1533378937177, 1533550720277,1533550735266]

data1 = [];
data2 = [];
seriesOptions = [];
for (var i = 0, l = timeArr.length; i < l; i++) {
    var arr1 = [timeArr[i], Math.random() * 15];
    var arr2 = [timeArr[i], 10];
    data1.push(arr1);
    data2.push(arr2);
}


var obj = {
    name: 'app1',
    type: 'column',
    data: data1
};
var obj1 = {
    name: 'app2',
    type: 'column',
    data: data2
};
seriesOptions.push(obj);
seriesOptions.push(obj1);
console.log(seriesOptions);

$('#chartdiv').highcharts('StockChart', {


    rangeSelector: {
        selected: 2
    },
    legend: {
        enabled: true
    },

    credits: {
        enabled: false
    },
    chart: {
        zoomType: 'x'
    },

    title: {
        text: 'test highchart'
    },

    series: seriesOptions


});