Search code examples
highchartsheatmaphighmaps

Is a Highcharts heatmap possible with a datetime axis, in a single row?


I'm trying to create a highcharts heatmap using data in datetime format. The data is hourly, extending for several days. I don't want the chart to wrap around for each day, but want all the data on one line.

Specifically, it's for showing the percentage of cloud cover for each hour, so each heatmap cell would be colored based on the cloud conditions (blue for sunny with a color gradient to dark grey for cloudy).

I want to take this example http://www.highcharts.com/maps/demo/heatmap and unwrap it into one long line.

Is this possible?


Solution

  • New to stackoverflow. Not sure if I'm supposed to leave this question unanswered, or answer it myself.

    My problem was self-induced - I had forgot to set colSize, so the cells weren't appearing properly. Thanks for those who commented.