Highcharts Demo

author(s): Torstein Hønsi

by prathik

HTML

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

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

JavaScript

/**
 * Add custom date formats
 */
Highcharts.dateFormats = {
    W: function (timestamp) {
        var date = new Date(timestamp),
            day = date.getUTCDay() === 0 ? 7 : date.getUTCDay(),
            dayNumber;
        date.setDate(date.getUTCDate() + 4 - day);
        dayNumber = Math.floor((date.getTime() - new Date(date.getUTCFullYear(), 0, 1, -6)) / 86400000);
        return 1 + Math.floor(dayNumber / 7);

    }
};

Highcharts.chart('container', {

    title: {
        text: 'Custom date format'
    },

    xAxis: {
        type: 'datetime',
        tickInterval: 7 * 24 * 36e5, // one week
        labels: {
            format: '{value:Week %e/%W/%Y}',
            align: 'right',
            rotation: -30
        }
    },

    series: [{
        data: [[1542370882000, 29.9], [1543370882000, 71.5], [1545370882000, 106.4]],
        

    }]

});