JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

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

JavaScript

Highcharts.setOptions({
lang: {
    weekdays: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']
} });

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            day: '%A',
            hour: '%A %H',
        }
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6],
        pointStart: Date.UTC(2011, 8, 12),
        pointInterval: Date.UTC(2011, 8, 13) - Date.UTC(2011, 8, 12) // one day
    }]

});