Formatting of date/times in Highstock changed?

[NickThissen]

I have been using Highstock for some time for a graph with a date/time x-axis. I use a custom tooltip formatter that outputs the day name and time of day for each datapoint, alongside some other data included in the data.

It seems that the update from version 2.1.10 to version 4.2.0 broke the date formatting or at least it is not working for me anymore.

When I force my code to load the old version 2.1.10 it works again. Of course I would like to use the new version but I cannot find this change in the changelogs, and I cannot figure out what I should change to make it work again.

I am using the following code for the tooltip formatter:

        tooltip: {
            formatter: function() {
                var week = '?';
                var s = [];

                $.each(this.points, function(i, p) {
                    if (week === '?') week = p.point.week;
                    s.push('<span style="color:' + p.series.color + '">\u25CF</span> ' + p.series.name + ': ' + p.y);
                });

                // Create date from x point and format it 
                var date = new Date(this.x);
                var dateString = Highcharts.dateFormat('%a', date) + ' W' + week + ', ' + Highcharts.dateFormat('%H:%M', date);
                return dateString + '<br />' + s.join('<br />');
            },
            shared: true
        },

Expected behaviour

The code used to output correctly the name of the day in the "%a" formatter and the time of day in the "%H:%M" formatter.

Actual behaviour

The date formatter outputs nothing at all, just a blank string.

Live demo of the issue

Using script version 2.1.10 the date formatter outputs the time:
http://jsfiddle.net/2wu79psd/

Remove the specific version from the script src tag (to get latest version) and it outputs nothing:
http://jsfiddle.net/sa9tzn0k/

Code is exactly the same, only difference is the version of Highstock used.

[pawelfus]

As I remember, dateFormat() always required number as second param, not Date object (API). Maybe there was a coincidence, that Date used to work here?

Anyway, fixed demo: http://jsfiddle.net/sa9tzn0k/1/

So in your case:

 var dateString = Highcharts.dateFormat('%a', this.x) + ' W' + week + ', ' + Highcharts.dateFormat('%H:%M', this.x);

 return dateString + '<br />' + s.join('<br />');

[pawelfus]

As I remember, dateFormat() always required number as second param, not Date object (API). Maybe there was a coincidence, that Date used to work here?

Anyway, fixed demo: http://jsfiddle.net/sa9tzn0k/1/

So in your case:

 var dateString = Highcharts.dateFormat('%a', this.x) + ' W' + week + ', ' + Highcharts.dateFormat('%H:%M', this.x);

 return dateString + '<br />' + s.join('<br />');

[NickThissen]

Huh, that was easy... thanks. Must have been a coincidence then indeed!

For some reason I thought 'this.x' was returning a string as it showed it as a string in the Chrome console. But perhaps Chrome is being too clever and automatically formatting it?

[NickThissen]

Huh, that was easy... thanks. Must have been a coincidence then indeed!

For some reason I thought 'this.x' was returning a string as it showed it as a string in the Chrome console. But perhaps Chrome is being too clever and automatically formatting it?

[pawelfus]

this.x for a datetime axis should always be a number (timestamp). I don't think Chrome has anything to do with it.

[pawelfus]

this.x for a datetime axis should always be a number (timestamp). I don't think Chrome has anything to do with it.

[TorsteinHonsi]

@jon-a-nygaard FYI

[TorsteinHonsi]

@jon-a-nygaard FYI