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

Question

我正在关注dash wind streaming示例来从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轴对数据进行排序很重要。

在熊猫中，您可以像这样进行排序：

[Serializable]
[XmlType("User")]
public class MainData
{
    public int UserId { get; set; }

    [XmlElement("LoginData")]
    public LoginData TestLoginData { get; set; }

    [XmlElement("UserData")]
    public UserData TestUserData { get; set; }
}