JSFiddle - React, Tailwind, and code Playground

by Charissima

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>

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

JavaScript

$(function () {
    $('#container').highcharts('StockChart',{
        chart: {
            xAxis: {
                type: 'datetime'
            }
        },

        xAxis: {          
           type: 'datetime',
            dateTimeLabelFormats : {
                day:  '%e.%m.',
                week: '%e.%m.',
                month: '%b'
            },
           tickPixelInterval: 110,
           startOnTick: true,
           showFirstLabel: true,
           minTickInterval: 24 * 3600 * 1000,
           ordinal: false
        },
        
        series: [{
            data: [[1402392000000, 0.06], [1402398000000, 0.07], [1402401000000, 0.06], [1402401600000, 0.07], [1402478400000, 0.07], [1402564800000, 0.07], [1402583400000, 0.07], [1402584600000, 0.07], [1402593600000, 0.07], [1402680000000, 0.07], [1402910400000, 0.07]]        
        }]
        
    });
});