Plotly Dash：时间序列散点图渲染

Question

我正在按照 dash wind 流式传输示例从 MySQL 数据库流式传输数据。 每 5 秒将数据添加到数据库中，并分别进行查询。 我使用 Interval 组件进行查询并使用隐藏的 div 进行存储。 我将回调函数中的 jsonified 数据读入名为 df 的数据帧中。

我使用以下代码生成跟踪：

trace_sensor_1 = Scatter(
    x=df.loc[df['sensor_id'] == 1]['timestamp'],
    y=df.loc[df['sensor_id'] == 1]['sensor_reading'],
    mode='markers+lines',
    name='Sensor 1',

但是，这会生成（附加）的散点图到处跳跃。这是因为我使用的模式吗？ 如何修改跟踪以呈现正确的时间序列散点图？

Answer 1

首先按 x 轴对数据进行排序很重要。

在 pandas 中你可以这样排序：

df_sorted = df.sort_values(by=['timestamp'])