Plotly Dash: рендеринг временного ряда

Question

Я следую примеру потоковой передачи по тире для потоковой передачи данных из базы данных 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.

В пандах вы можете сортировать так:

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