JSFiddle - React, Tailwind, and code Playground

by SpeedLogic

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

JavaScript

var tData = "2017-10-27 11:35:42+07";
var now = new Date(tData);
var utc = new Date(now.getTime() + now.getTimezoneOffset() * 60000);
var offset = parseInt(tData.split('+')[1]);
var fixTime = offset * 60000;
console.log(utc, fixTime);

Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

Highcharts.chart('container', {

    xAxis: {
        type: 'datetime'
    },

    series: [{
        data:[ {x: utc.getTime()+fixTime, y: 5} ]   
    }],
    
    tooltip: {
            formatter: function() {
                return  '<b>' + this.series.name +'</b><br/>' +
                    Highcharts.dateFormat('%e - %b - %Y - %H - %M - %S',
                                          new Date(this.x))
                + ' date, ' + this.y + ' Kg.';
            }
        }
});