highcharts / highcharts-vue

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Highcharts-vue: vue2.xx && The problem of slow response in line graph rendering

TakoAkira opened this issue · comments

hi team , i have a question for you, my english is not good, so i use google translation. well, this is my question.
I wrote a demo using highcharts, communicated with the backend through websocket, set a frame of 100ms to get data, made a limit, turned off all animations, and configured boost in options: { useGPUTranslations: true}, use series[0].setData(data, true, false) renders, and it is found that the data transmitted from the backend in a group of 3000 points is very smooth, the data in a group of 8000 points is a little stuck, and when it reaches a group of 20000 points, It is particularly stuck, and the interaction cannot be completed, and the business requirements cannot be realized.
May I ask if there is any solution that can achieve the requirements or what can be improved to achieve smooth rendering at 20,000 points, thank you all.

Hello @TakoAkira ,

Appreciate you opened the issue, but I think that's kind of the Highcharts support question in general. Here, we're working on resolving the issues related with the Vue wrapper, but it sounds like you could apply some improvement in the chart config. I recommend you to check whether the problem also occurs while using Highcharts natively (without the wrapper), and if yes, then contact the Highcharts support team. I believe, they would definitely do all the best they can to help you to improve performance of your chart.

Kind regards!