首页 > 解决方案 > Plotly Dash:时间序列散点图渲染

问题描述

我正在按照破折号风流示例从 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',

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

标签: pythonplotlyplotly-dash

解决方案


对于情节而言,首先按 x 轴对数据进行排序很重要。

在 pandas 中,你可以这样排序:

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

推荐阅读