Optimize chart rendering when adding series dynamically

Question

Is there an optimized way to add multiple series dynamically to an already rendered line chart with existing series?

So far I can think of two options:

1)Calling Chart.addSeries(graphSeries) n times.

I am currently using this approach, but it's slow for multiple series

2)Reinitialize the chart from the JSON object after adding the new series to the JSON object

Chart = new Highcharts.Chart(graphData);

This however means that the entire chart has to be regenerated every time.

Is there another way to bulk add new series to a chart?

colestrode · Accepted Answer · 2013-06-18 19:19:13Z

1

I would use chart.addSeries with the redraw parameter set to false. Once you are done adding series, you can call chart.redraw to display the series. This will only cost you one redraw for any number of series and won't be as expensive as recreating the chart from the config.

chart.addSeries(series1, false);
chart.addSeries(series2, false);
...
chart.addSeries(seriesN, false);

chart.redraw();

http://api.highcharts.com/highcharts#Chart.addSeries()

answered Jun 18, 2013 at 19:19

colestrode

10.7k3 gold badges32 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sebastian Bochan Over a year ago

Instead of chart.redraw() you can use chart.addSeries(seriesN, true); for last addSeries.

Collectives™ on Stack Overflow

Optimize chart rendering when adding series dynamically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related