Highcharts React 更新 - 有很多滞后

Question

I'm trying to update highcharts 3d options using sliders. Here's a sandbox for the same. Functionality is working as expected, however I'm observing a lot of lag. Just wanted to confirm if the method I've used for updating the chart is correct or not. Also how can I improve the performance of this snippet?

https://codesandbox.io/s/3d-highcharts-for-vibration-analysis-ccrvdc?file=/src/App.tsx

Answer 1

Errors are related to bug, reported on GitHub , as a workaround to avoid errors you can use Highcharts version under 10.2.1.

Unfortunately, the boost module doesn't work for the 3D series and there are only a few things that can slightly improve the performance. For example, we can disable markers, dataLabels, etc.

On the official Highcharts React wrapper you can find some examples of how to update charts.

Example: https://codesandbox.io/s/3d-highcharts-for-vibration-analysis-forked-5ou63g