Python Plotly散点图：如何用DataFrame数据显示图片标记？

核心问题在于直接混用px.scatter与go.Figure的自定义标记时，容易出现日期轴格式异常或标记不生效的情况。以下是可控性更强的解决方案：

步骤说明 #

1. 预处理数据：确保日期列是datetime类型，筛选出带有笔记（Note=1）的行
2. 直接用go.Scatter构建图表：针对有笔记的行单独设置图片标记，避免全局样式冲突
3. 显式配置日期轴：确保X轴以日期格式显示

完整代码示例 #

import pandas as pd
import plotly.graph_objects as go

# 替换为你的真实DataFrame
df = pd.DataFrame({
    'D_DATE': pd.date_range(start='2024-01-01', periods=10),
    'Note': [1, None, 1, None, None, 1, None, None, None, 1]
})

# 1. 数据预处理
df['D_DATE'] = pd.to_datetime(df['D_DATE'])  # 确保日期为datetime类型
note_records = df.dropna(subset=['Note'])  # 筛选有笔记的记录

# 2. 创建图表并添加带图片标记的散点
fig = go.Figure()

# 仅为有笔记的日期添加图片标记
fig.add_trace(go.Scatter(
    x=note_records['D_DATE'],
    y=[1]*len(note_records),  # y轴值按需调整，示例固定为1
    mode='markers',
    marker=dict(
        size=20,
        # 替换为你的图片路径：本地路径用file://前缀，如"url('file:///C:/icons/note.png')"
        symbol="url('https://example.com/note-icon.png')",
        opacity=1
    ),
    name='有笔记'
))

# 可选：添加无笔记的普通散点
# fig.add_trace(go.Scatter(
#     x=df[df['Note'].isna()]['D_DATE'],
#     y=[1]*len(df[df['Note'].isna()]),
#     mode='markers',
#     marker=dict(size=10, color='gray'),
#     name='无笔记'
# ))

# 3. 配置日期轴格式
fig.update_layout(
    xaxis=dict(
        type='date',
        tickformat='%Y-%m-%d',  # 自定义日期显示格式
        title='日期'
    ),
    yaxis=dict(title='状态'),
    title='带笔记标记的日期散点图'
)

fig.show()

关键细节说明 #

• 避免混用px.scatter与go.Figure的自定义标记：px.scatter的全局样式会干扰自定义图片标记的生效，直接用go.Scatter更可控
• 日期列必须是datetime类型：如果原数据是字符串，必须用pd.to_datetime()转换，否则X轴会显示时间戳数字
• 图片路径规则：本地图片需添加file://前缀，在线图片直接使用URL即可

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