有没有办法在Plotly中获取单击点的"customdata“属性？

// 假设我们有一个散点图
var trace = {
  x: [1, 2, 3, 4],
  y: [10, 11, 12, 13],
  mode: 'markers',
  marker: { size: 12 },
  customdata: ['A', 'B', 'C', 'D'], // 自定义数据
  type: 'scatter'
};

var data = [trace];

var layout = {
  title: 'Click on Points to See CustomData'
};

Plotly.newPlot('myDiv', data, layout);

// 添加点击事件监听器
document.getElementById('myDiv').on('plotly_click', function(data){
  var point = data.points[0]; // 获取点击的点
  if(point) {
    console.log('Customdata for this point:', point.customdata); // 打印customdata
  }
});

import plotly.graph_objs as go
from plotly.subplots import make_subplots
import dash
from dash import dcc, html
from dash.dependencies import Input, Output

app = dash.Dash(__name__)

fig = make_subplots()
fig.add_trace(go.Scatter(x=[1, 2, 3, 4], y=[10, 11, 12, 13], mode='markers', customdata=['A', 'B', 'C', 'D']))

app.layout = html.Div([
    dcc.Graph(id='example-graph', figure=fig),
    html.Div(id='click-data')
])

@app.callback(
    Output('click-data', 'children'),
    [Input('example-graph', 'clickData')]
)
def display_click_data(clickData):
    if clickData is not None:
        point = clickData['points'][0]
        return f'Customdata for this point: {point["customdata"]}'

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