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 = [{x: 1510855918000, y: 1.176445},{x: 1510855919000, y: 1.176443},{x: 1510855920000, y: 1.176441},{x: 1510855921000, y: 1.176444}]


Highcharts.setOptions({
        global: {
            useUTC: true,
            timezoneOffset: new Date().getTimezoneOffset()
        }
    });

Highcharts.chart('container', {

    xAxis: {
        type: 'datetime'
    },

    series: [{
        data:tData 
    }],
    
    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.';
            }
        }
});