使用Plotly.express绘制折线图连线顺序异常如何解决？

是否为预期表现 #

该现象属于Plotly Express的正常预期表现。
px.line绘制折线时，默认遵循数据框的原始行顺序，对color参数指定的同一分组（即同description值）的点依次连接，不会自动按x轴date字段的时间顺序重排数据。如果原始数据中同一分组的行没有按时间升序排列，就会出现折线来回跳转的异常显示。

修复方案 #

要让数据点按时间顺序连接，按以下步骤操作即可：

• 先将date字段转换为标准日期格式，避免字符串排序不符合时间逻辑：

  import pandas as pd
  df['date'] = pd.to_datetime(df['date'])
  

• 再将整个数据框按date字段升序排序，之后再执行绘图代码：

  # 按时间升序重排数据
  df = df.sort_values(by='date')
  # 执行原有绘图逻辑
  fig = px.line(df, x='date', y='px', color='description')
  

内容的提问来源于stack exchange，提问作者Stevie