Plotly散点图如何仅沿X轴用线条连接标记点？

问题分析 #

你当前代码按class_col分组后一次性绘制所有数据点，使用mode='lines+markers'时，Plotly会按数据框行顺序连接所有点，而非仅连接同一Sequence下的点；同时X轴传入多列列表的方式，也导致分类轴逻辑混乱，这是连线不符合预期的核心原因。

修正方案 #

需要在class_col分组的基础上，再按Sequence嵌套分组，每个Sequence子组单独绘制一条带标记的线，确保仅同一Sequence内的点被连接，不同Sequence/样本间无连线。

修正后的代码 #

grouping = df.set_index(sample_col)[group_col].to_dict()
fig = make_subplots(2, 1, subplot_titles=subplot_titles)
n = 0
colors = ["red","blue"]
colors_dict = {color_col_value:color for color_col_value,color in zip(list(df[class_col].unique()), colors)}
symbols = ["diamond", "arrow"]
symbols_dict = {id_type:symbol for id_type,symbol in zip(df[class_col].unique(), symbols)}

# 外层按class_col分组
for index, (class_val, gdf) in enumerate(df.groupby([class_col])):
    gdf = natsort_column(gdf, sample_col).reset_index(drop=True)
    gdf[group_col] = gdf[sample_col].map(grouping)
    
    # 内层按Sequence分组，每个Sequence单独绘制trace
    for seq_val, seq_gdf in gdf.groupby('Sequence'):
        fig.append_trace(go.Scatter(
            x=seq_gdf[sample_col],  # 用sample_col作为X轴分类，确保每个点对应正确样本位置
            y=seq_gdf[intensity_col],
            name=f"{class_val}" if index == 0 else None,  # 仅同一class显示一次图例
            mode='lines+markers',
            marker=dict(symbol=symbols_dict[class_val], size=12, color=colors_dict[class_val]),
            legendgroup=f'group{index}',
            showlegend=(index == 0)  # 同一class子组共享图例组，避免重复显示
        ), n, 1)
    n += 1

fig.update_layout(template='plotly_white', height=1000, width=800)
fig.update_xaxes(categoryorder='array', categoryarray=sorted(samples))

关键修改说明 #

• 嵌套分组：新增按Sequence的内层循环，每个Sequence子组单独生成一条trace，保证仅同Sequence的点被连接。
• X轴简化：将X轴改为仅传入sample_col，避免多列导致的分类轴逻辑混乱，确保每个点对应正确的样本分类位置。
• 图例优化：通过legendgroup和showlegend控制同一class的子组共享图例，避免图例条目冗余。

修改后，同一Sequence下的点会沿X轴对应样本位置连接，不同Sequence或样本间不会产生连线，同时保留所有标记点，完全符合需求。

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