score:2

I have a suggestion, but I dont know if you like this. I needed charts with multiple axis and every axis has 1440 datapoints (they can only be 0 or 1 in my case) and they work fine. What I had to do for this is to change the x-axis datatype and generate the date 'manualy'.

Create categories on the x-axis with the date:

xAxis: {
    categories: ['00:00', '00:01', '00:02', '00:03',  ..., '23:59']

Then every datapoint is ordered the same as the category:

series: [{
    data: [1, 1, 1, 1, 1, 1, ..., null]

I know this is messy but when you do this you can reduce the data array to just the y-axis value and the rendering takes less time. See JSFiddle.

score:7

I have found that animation can impact chart load times for large data sets. Try disabling animation:

plotOptions: {
    series: {
        animation:false,
        states: {
            hover: {
                lineWidthPlus: 0
            }
        }
    }
},

score:7

Here you can find FAQ answering your question.

Additional note: Big performance boost you will get while disabling tooltip.

Or just use Highstock, which has implemented dataGrouping, for example chart with 52k of points.


Related Query

More Query from same tag