反映流式实时数据的原生图表?

时间:2018-02-03 15:03:04

标签: javascript d3.js react-native charts linechart

此帖更多的是问题而不是问题。如果这不是一个合适的地方,请随时告诉我。

我目前正在使用react-native,我的应用程序正在接收介于-0到1之间的值的实时数据。这些数据需要用折线图表示,example几乎可以解释我想要的东西。

问题是,我不确定哪个库本身最适合显示实时数据。

任何帮助和建议都将不胜感激。

Ps:折线图看起来非常简单,所以如果它可以从头开始,这将是一个奖励,因为我只需要渲染线。但是,我并不完全确定react-native中的实现。

更新

我发现this类似于我想要的东西。但是每个点之间都有一个间隔。

1 个答案:

答案 0 :(得分:3)

您可以使用我正在使用的任何图表包react-native-svg-charts

为了显示“实时”数据,您基本上拥有一系列数据点,通过这些数据点可以“移动”以获得图表的流动。

你怎么意识到这取决于你。要摆脱视觉“间隔”,你只需要以更高的速率更新,例如每秒30次= 30 fps。