Plotly中带高亮点的单直线图名称及绘制方法咨询

图表名称 #

这种图表可称为带高亮标记的参考线图表，核心作用是在一条水平/垂直基准线上突出展示特定关键数据点，常用于呈现阈值、目标值或特定观测值的位置。

Plotly实现方式 #

通过组合绘制参考线与高亮标记点即可快速实现，以下是两种常用方案：

方案1：用Scatter Trace分别绘制直线和点 #

import plotly.graph_objects as go

# 定义水平参考线的范围
line_x_range = [0, 10]
line_y_fixed = 5

# 高亮点的坐标
highlight_point = (7, 5)

fig = go.Figure()

# 添加灰色参考线
fig.add_trace(go.Scatter(
    x=line_x_range,
    y=[line_y_fixed, line_y_fixed],
    mode='lines',
    line=dict(color='#888888', width=2),
    showlegend=False
))

# 添加高亮的红色标记点
fig.add_trace(go.Scatter(
    x=[highlight_point[0]],
    y=[highlight_point[1]],
    mode='markers',
    marker=dict(color='#ff4444', size=14, line=dict(color='#000000', width=2)),
    showlegend=False
))

# 优化布局（隐藏冗余轴元素，让图表更简洁）
fig.update_layout(
    xaxis=dict(showticklabels=False, showgrid=False, zeroline=False),
    yaxis=dict(showticklabels=False, showgrid=False, zeroline=False),
    plot_bgcolor='#ffffff'
)

fig.show()

方案2：用Layout Shapes绘制参考线，Scatter绘制高亮点 #

若不需要直线的交互效果，用布局形状绘制参考线会更简洁：

import plotly.graph_objects as go

highlight_point = (7, 5)

fig = go.Figure()

# 添加高亮标记点
fig.add_trace(go.Scatter(
    x=[highlight_point[0]],
    y=[highlight_point[1]],
    mode='markers',
    marker=dict(color='#ff4444', size=14, line=dict(color='#000000', width=2)),
    showlegend=False
))

# 添加水平参考线到布局
fig.update_layout(
    shapes=[
        dict(
            type='line',
            x0=0,
            y0=highlight_point[1],
            x1=10,
            y1=highlight_point[1],
            line=dict(color='#888888', width=2)
        )
    ],
    xaxis=dict(showticklabels=False, showgrid=False, zeroline=False),
    yaxis=dict(showticklabels=False, showgrid=False, zeroline=False),
    plot_bgcolor='#ffffff'
)

fig.show()

如果需要垂直参考线，只需调整参考线的坐标逻辑（固定x值，设置y轴范围即可）。

内容的提问来源于stack exchange，提问作者Gabriel Ruben Guzman