Tick Label Text Example

Tick Label Text Demo For IE

HTML

<div id="container" style="height: 300px"></div>
<script src="http://code.highcharts.com/master/highstock.src.js"></script>

CSS

.highcharts-axis {
 cursor: pointer;   
}

JavaScript

function newRandomData(n) {
    // generate an array of random data
    var data = [],
        time = (new Date()).getTime(),
        i;

    for (i = -1 * n; i <= 0; i++) {
        data.push([time + i * 1000, Math.random() * 200 - 100]);
    }
    return data;
}

var chart = new Highcharts.StockChart({

    chart: {
        renderTo: 'container',
        events: {
            load: function() {
                
                var chart = this;
                setTimeout(function(){
                
                for (var i = 0; i < chart.xAxis[0].tickPositions.length; i++) {
                    var j = chart.xAxis[0].tickPositions[i];

                    //.label or .mark or both
                    (function(j) {
                        return chart.xAxis[0].ticks[j].label.on('click', function() {

                            var ind = $.inArray(j, chart.series[0].xData),
                                s = '';

                            $(chart.series).each(function(index, series) {
                                s += '\n' + series.name + ' : ' + series.data[ind].y + '  ';
                            });
                            
                            
                             var tmp = Highcharts.dateFormat('%e. %b',chart.xAxis[0].ticks[j].pos);
                             var header = 'Event Date : ' + tmp;

                            alert(header + s);
                        });
                    })(j);
                }
            },1);
        }
    }
    },
    xAxis: {
        type: 'datetime'
    },

    series: [{
        type: 'spline',
        color: 'red',
        name: 'first',
        pointStart: Date.UTC(2012, 1, 1),
        pointInterval: 24 * 3600 * 1000,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]},
    {
        type: 'spline',
        color: 'red',
        name: 'second',
        pointStart: Date.UTC(2012, 1, 1),
        pointInterval: 24 * 3600 * 1000,
       ...