如何在Plotly图表中添加价格折线图（已含买卖信号标记）

要添加价格折线图，只需新增一个go.Scatter轨迹，将mode设置为'lines'（若需同时显示折线和数据点，可用'lines+markers'），并确保价格数据的x轴为连续序列（对应完整的时间或数值区间）。

修改后的完整代码 #

import plotly.graph_objects as go
fig = go.Figure()

# 模拟连续的价格数据（x轴为完整序列，y轴为对应价格）
price_x = list(range(10))  # 0到9的连续x值
price_y = [5, 8, 6, 10, 12, 9, 15, 13, 18, 16]

# 先添加价格折线（放在底层，让买卖信号显示在上方）
fig.add_trace(go.Scatter(
    x=price_x,
    y=price_y,
    mode='lines',  # 指定为折线模式
    name='Price',
    line=dict(color='blue', width=2)  # 可选：自定义折线样式
))

# 买入信号
x1=[0, 1, 2, 3, 4]
y1=[0, 1, 4, 9, 16]
fig.add_trace(go.Scatter(x=x1, y=y1,
                    mode='markers',
                    name='Buy',
                    marker=dict(color='green', size=10)))  # 可选：自定义买入标记样式

# 卖出信号
x2=[9,3,6,1,6]
y2=[7,2,56,25,22]
fig.add_trace(go.Scatter(x=x2, y=y2,
                    mode='markers',
                    name='Sell',
                    marker=dict(color='red', size=10)))  # 可选：自定义卖出标记样式

fig.show()

关键说明 #

• 价格数据的x轴需保持连续（比如对应时间序列的每个节点），确保折线连贯展示。
• 将价格折线轨迹优先添加，可让买卖信号标记显示在折线上方，避免被遮挡。
• 可通过line参数调整折线的颜色、宽度，通过marker参数优化买卖信号的大小、颜色，提升图表可读性。

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