score:1

Accepted answer

indeed, you can use two xaxes, just like this: http://jsfiddle.net/21g0hfo1/1/

    xaxis: [{
        type: 'datetime',
        labels: {
            formatter: function () {
                return highcharts.dateformat("%e", this.value);
            }
        }
    }, {
        linkedto: 0,
        type: 'datetime',
        ticklength: 0,
        linewidth: 0,
        tickinterval: 30 * 24 * 3600 * 1000,
        labels: {
            formatter: function () {
                return highcharts.dateformat("%b %e", this.value);
            }
        }
    }],

i just connected second xaxis to the first one and each of them has different label formatter.

score:1

i'm not sure you want multiple xaxis but rather a tick label formatter that'll change the label for the start of each month:

var lastmonth = null;    
$('#container').highcharts({
    xaxis: {
        type: 'datetime', 
        labels: {
            formatter: function () {
                var thismonth = highcharts.dateformat("%b", this.value);
                if (lastmonth != thismonth){
                    lastmonth = thismonth;
                    return highcharts.dateformat("%b %e", this.value);
                } else {
                    return highcharts.dateformat("%e", this.value);
                }
            }
        }
    },
    ....

produces an axis like this (fiddle here):

enter image description here


Related Query

More Query from same tag