Plotly中Excel读取的救护车数据被遮挡问题求解

核心原因 #

从Excel加载数据时，Plotly Express生成的质心点trace可能默认占据顶层层级，导致后添加的救护车菱形标记被遮挡；而内嵌数据时trace的层级逻辑正常，所以标记能正常显示在顶层。

解决方案 #

方法1：强制设置救护车标记为顶层 #

在添加救护车位置的go.Scatter trace时，通过layer='above'参数强制将其置于所有其他trace之上，彻底避免被遮挡。

示例代码：

import plotly.express as px
import plotly.graph_objects as go
import pandas as pd

# 加载Excel数据
centroid_df = pd.read_excel('centroid_data.xlsx')
ambulance_df = pd.read_excel('ambulance_data.xlsx')

# 绘制区域质心点
fig = px.scatter(centroid_df, x='x', y='y', color='region', title='区域质心与救护车位置')

# 添加救护车标记并设置顶层层级
fig.add_trace(go.Scatter(
    x=ambulance_df['x'],
    y=ambulance_df['y'],
    mode='markers',
    marker=dict(
        symbol='diamond',
        size=12,
        color='red',
        line=dict(width=2, color='black')
    ),
    name='救护车位置',
    layer='above'  # 强制置于所有图层上方
))

fig.show()

方法2：调整绘图顺序+设置质心点为底层 #

先添加救护车标记，再绘制质心点，并将质心点trace的层级设为below，确保救护车标记始终在顶层。

示例代码：

import plotly.express as px
import plotly.graph_objects as go
import pandas as pd

centroid_df = pd.read_excel('centroid_data.xlsx')
ambulance_df = pd.read_excel('ambulance_data.xlsx')

# 先初始化空图并添加救护车标记
fig = go.Figure()
fig.add_trace(go.Scatter(
    x=ambulance_df['x'],
    y=ambulance_df['y'],
    mode='markers',
    marker=dict(symbol='diamond', size=12, color='red'),
    name='救护车位置'
))

# 获取质心点trace并设置为底层，再添加到图中
centroid_trace = px.scatter(centroid_df, x='x', y='y', color='region').data[0]
centroid_trace.layer = 'below'
fig.add_trace(centroid_trace)

fig.update_layout(title='区域质心与救护车位置')
fig.show()

方法3：手动调整trace顺序 #

Plotly默认后添加的trace在顶层，若加载Excel数据后trace顺序异常，可手动检查并调整顺序，确保救护车trace在质心点trace之后。

示例代码：

# 检查当前trace的顺序
print([trace.name for trace in fig.data])

# 若救护车trace在质心点trace之前，交换两者顺序
if fig.data[0].name == '救护车位置':
    fig.data = [fig.data[1], fig.data[0]]

fig.show()

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