Plotly Dash -单击某个点时，为该点的散点图添加注释

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objs as go

app = dash.Dash(__name__)

# 创建散点图数据
data = [
    go.Scatter(
        x=[1, 2, 3, 4, 5],
        y=[2, 4, 1, 5, 3],
        mode='markers',
        text=['A', 'B', 'C', 'D', 'E'],  # 每个点的标签
        marker=dict(
            size=10,
            color='blue'
        )
    )
]

# 创建布局
layout = go.Layout(
    title='Scatter Plot with Annotations',
    hovermode='closest',
    xaxis=dict(title='X'),
    yaxis=dict(title='Y'),
)

# 创建图表组件
figure = go.Figure(data=data, layout=layout)

# 在Dash应用程序中显示图表
app.layout = html.Div([
    dcc.Graph(
        id='scatter-plot',
        figure=figure
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

# 创建散点图数据
data = [
    go.Scatter(
        x=[1, 2, 3, 4, 5],
        y=[2, 4, 1, 5, 3],
        mode='markers',
        text=['A', 'B', 'C', 'D', 'E'],  # 每个点的标签
        marker=dict(
            size=10,
            color='blue'
        )
    )
]

# 创建注释
annotations = [
    dict(
        x=1, y=2,  # 注释的位置
        xref='x', yref='y',
        text='A',  # 注释的内容
        showarrow=True,
        arrowhead=7,
        ax=0,
        ay=-40
    ),
    dict(
        x=2, y=4,
        xref='x', yref='y',
        text='B',
        showarrow=True,
        arrowhead=7,
        ax=0,
        ay=-40
    ),
    dict(
        x=3, y=1,
        xref='x', yref='y',
        text='C',
        showarrow=True,
        arrowhead=7,
        ax=0,
        ay=-40
    ),
    dict(
        x=4, y=5,
        xref='x', yref='y',
        text='D',
        showarrow=True,
        arrowhead=7,
        ax=0,
        ay=-40
    ),
    dict(
        x=5, y=3,
        xref='x', yref='y',
        text='E',
        showarrow=True,
        arrowhead=7,
        ax=0,
        ay=-40
    )
]

# 创建布局
layout = go.Layout(
    title='Scatter Plot with Annotations',
    hovermode='closest',
    xaxis=dict(title='X'),
    yaxis=dict(title='Y'),
    annotations=annotations  # 添加注释
)

# 创建图表组件
figure = go.Figure(data=data, layout=layout)

# 在Dash应用程序中显示图表
app.layout = html.Div([
    dcc.Graph(
        id='scatter-plot',
        figure=figure
    )
])