Highcharts equalizer with lots of data points is very slow

Question

I saw a few suggestions here, but nothing seems to concern my situation. I also saw some unresolved similar issues. I have a spread of the graph with a lot of data (about 40 thousand points). It is very slow. The link below (genetic data called the Manhattan storyline) will eventually load, but it will just be slow. I need to find a way to optimize performance.

http://ricediversity.org/test/highcharts/examples/line-ajax/index-b.htm

In addition, I am trying to add additional information (data fields) to my tooltip from my data file, but I cannot get this to work. Any suggestions?

Answer 1

You can try turning off the animation / shadow.

http://api.highcharts.com/highcharts#chart.animation http://api.highcharts.com/highcharts#plotOptions.series.animation http://api.highcharts.com/highcharts#tooltip.animation http: / /api.highcharts.com/highcharts#plotOptions.series.shadow

Answer 2

For tooltips, check out the highcharts data api , specifically number 2 on the list. If this does not reduce it for you, you can pass an array of objects in which you specify the data you want to receive. Then the formatting is easy to reference. Here JSfiddle shows how to refer to names when they are in your data array.

Format element

formatter: function () { var s = ""; $.each(this.points, function (i, point) { s += point.point.nameList[0]; }); return s; } 

and the data sets are as follows:

 data = [ ..., {x: xval, y: yval, nameList: myListOfNames}, ...] 

where xval and yval are the x and y values ​​of the data points, and myListOfNames is an array of strings.

Answer 3

There are some tips for optimizing performance on a high-performance website: http://docs.highcharts.com/#faq $ optimize-performance

However, with this many items, I would consider using highstock. It is impossible to make out the details of this set, so aggregating them in some way would make up a better diagram ( http://docs.highcharts.com/#data-grouping ).

Answer 4

It may be too late to be useful (and the link to the link no longer works, so I'm not sure if this applies), but there is a new Highcharts plugin to shorten time series data with the intention of preserving the original data form.

http://www.highcharts.com/plugin-registry/single/13/Highcharts-Downsample