CODEWITHSUNDEEP
chartshighchartsheatmap
Abhijeet Panwar
Abhijeet Panwar

Reputation: 1857

Can't generate large heatmaps using highcharts

I am trying to use highcharts for large heatmap generation.I have tried to modify demo code given on highcharts website.

As by default it sets date on x axis , I need to some other values then default data format on x-axis.I have followed few question on Stack overflow which gives me the required output but it's not correct as heatmaps does't seems right and when I hover on the result ,tooltip shows those date formats on hovering and generated heatmaps is also not correct.

My fiddle demo is:  http://jsfiddle.net/ktamk1tp/1/

Note: I am getting error in posting js fiddle link according to SO guidelines.It would be appreciated if anyone can edit this.

Upvotes: 0

Views: 1325

Answers (2)

Kacper Madej
Kacper Madej

Reputation: 7886

Disabling colsize in series helps - http://jsfiddle.net/ktamk1tp/9/

(JS line 255)

//colsize: 24 * 36e5, // one day

Upvotes: 3

wergeld
wergeld

Reputation: 14442

Simple fix for your yAxis title is that you are setting it twice:

yAxis: {
    title: {
        enabled: true,

        // THIS Axis title is not working, but the same method works for the xAxis

        text: 'my axis'
    },
    categories: ['0', '1', '2', '3', '4'],
    title: null
},

Remove title: null.

The reason your tooltip looks odd is that you are setting your axis to categories using string integers and then converting to a date stamp. The conversion of xAxis = '0' to javascript time is correct. The 0 js time is Jan 1 1970. You need to either send in the javascript timestamp and set the axis accordingly or you need to use categories that are dates ['Monday','Tuesday','Wednesday'....].

Upvotes: 2

Related Questions