我想知道以非常高的频率(每 15 毫秒新值)绘制具有流数据的实时折线图的最高效方法是什么。我通过 BLE 获取数据,并添加到我永远不会超过 500 个项目的数组中。我需要从这些数据中获得大约 10 个不同的折线图。
整个情况如下:*每15ms的数据流*我将它保存在redux存储中array[500]
(当有新元素时删除第一个元素并且array.length >= 500
*必须将数据显示为10个独立的折线图
我正在使用react-native-svg-charts
,按预期工作,但是当有 500 个点并且第一个点正在改变(因为我正在删除它)时,图表会重新渲染本身并且整个视图变得滞后(~20fps)。
我想知道在这个场景中使用setNativeProps
(on <Path />
from react-native-svg
) 会有所帮助,但我不确定它是否是最高效的方式。如果您有更好的想法和建议(例如使用react-native-art
),请告诉我,我需要在此视图中拥有 ~60fps。
最好的