micronyks
Posts: 17
Joined: Wed Jun 08, 2022 7:23 am

Plotting millions of points for multiple lines downgrades performance

Hello Team,

DEMO - https://stackblitz.com/edit/vitejs-vite ... rminal=dev

We use stock chart to draw multiple lines and same lines are shown in the data grid. When lines are drawn and when user hovers mouse over lines, their hovered value will be displayed in grid's column named `hovered value`.

This works fine when we have hundred of points but when we increase points to millions, we see performance issues. In real app, we should have ability to draw 40 lines with millions points for each line.


1) Is it possible to draw million points for each line (max 40 lines) ? If not then what is the limit ?
In given demo, we tried with 2 lines with 100000 points and performance goes down

2) After plotting lines, when user moves mouse here and there, you can see it takes time to update hovered value to grid for each hovered line.



NOTE: To draw lines with 1000000 points, go to `mock-data` folder => generate-datapoints.ts file and change n:number = 10 to 1000000.


Please help us to improve performance.
kamil
Posts: 87
Joined: Mon Mar 04, 2024 8:26 pm

Re: Plotting millions of points for multiple lines downgrades performance

Hi there,
Thank you for contacting us!

Does you project use the boost module? I noticed that you are using the official wrapper for React. This section explains how to import a Highcharts module in a react app: https://github.com/highcharts/highchart ... d-a-module

Boost module docs: https://www.highcharts.com/docs/advance ... ost-module

Best regards!
Kamil Kulig
Highcharts Developer
micronyks
Posts: 17
Joined: Wed Jun 08, 2022 7:23 am

Re: Plotting millions of points for multiple lines downgrades performance

Thanks Kamil. I have added the boost module as you pointed out and raised a new ticket viewtopic.php?t=52334 Kindly help. It is critical for our project. Need immediate support.

Return to “Highcharts Stock”