score:5

Accepted answer

use the point.low and point.high values

  tooltip: {
        formatter: function () {
            console.log(this);
            return '<b>' + this.x + '</b> started at <b>' + highcharts.dateformat('%h:%m', this.point.low) + '</b> and ended at <b>' + highcharts.dateformat('%h:%m', this.point.high) + '</b>';
        }
    },

http://jsfiddle.net/jngvh/

score:1

this will emulate the default highcharts style, but with correctly formatted time.

tooltip: {
  formatter: function () {
    var low = highcharts.dateformat('%h:%m', this.point.low);
    var high = highcharts.dateformat('%h:%m', this.point.high);
    return '<span style="font-size: 10px">' + this.point.key + '</span><br/><span style="color:' + this.point.color + '">\u25cf</span> ' + this.series.name + ': <b>' + low + ' - ' + high + '</b><br/>';
  }
}

Related Query

More Query from same tag