Highcharts chart going blank on zoomType: 'x' area range zoom?

Question

Ok, so I have a Highcharts chart displaying data correctly from a database; but the moment I zoom in, the chart goes blank?

Here is the chart HTML:

&         


        

Answer 1

I worked out what the issue was after hunting through the Highcharts API documentation.

There is a property of all chart types that I'm aware of called 'cropThreshold', here is the link to the Highcharts API explaining what this is in detail: http://api.highcharts.com/highcharts#plotOptions.area.cropThreshold

But in summary; if you display more than 300 points (cropThreshold defaults to 300), then when zooming in, your chart will go blank. To correct this, you can add the following to your chart configuration:

area: {
           cropThreshold: 500 <- //Vary this. I display 500 points on my chart in
                                 //total and so a value of 500 allows zooming to
                                 //work at all levels. This will vary for you
                                 //depending on how many points you plot.
      }