CODEWITHSUNDEEP
highcharts
bart
bart

Reputation: 15298

How to show dates in xAxis using Highcharts.js

I'm feeding my Highcharts.js series object with data containing date and a number, for example: ["2017-1-22",262] which shows up correctly when hovering a point, but which is not displayed correctly in the xAxis. Below codes does not do much, probably because the date format is not what Highcharts expects? But what format is expected? Unixtime does not seem to work.

xAxis: {
            type: 'datetime'
        }

https://jsfiddle.net/80v2k0tv/

Upvotes: 0

Views: 50

Answers (1)

ewolden
ewolden

Reputation: 5803

Highcharts expects time in the form of milliseconds since 1970.

See for example: https://api.highcharts.com/highcharts/series.line.data.x

The x value of the point. For datetime axes, the X value is the timestamp in milliseconds since 1970.

Unixtime is in seconds, so using unixtime * 1000 will give the correct highcharts time.

Upvotes: 2

Related Questions