Improve highcharts performance for large amounts of data

Question

I am trying to get a larger amount of data. Sample data is below

1850/01   -0.845   -0.922   -0.748   -1.038   -0.652   -1.379   -0.311   -1.053   -0.636   -1.41         


        

Answer 1

Situation:

I think the best and more appropriate solution would be to process and serve chunks of data, it would synchronize the display of points on your Chart and avoid loading the whole data once on document load, even if your data isn't as large as you described it in your post title.

But after reading your question, your comments and other posts, I can see that you are getting all data from one file, and you aren't processing data on server side so server side chunks is not an option for you.

Alternative:

Well if you can't process your data on server side why don't you process it on client side, HighCharts has two options for you:

• Data grouping:

  You can follow Highstock Demos › 52,000 points with data grouping.

• Lazy Async loading:

  You can follow Highstock Demos › 1.7 million points with async loading.

The both Demos show how to fetch data by ranges and limit the chart to display only relevant range data points, which will improve time loading performances.