Plotly-Dash：如何打印条形图的 hoverData？

Question

我的 Dash 应用程序中有一个条形图。我想在悬停在特定栏上时打印悬停数据。

我在回调中尝试了 go.Bar() 的 hoverData 属性。

data = go.Bar(x=dict.keys(), y=dict.values(), name=ver, text=dict.values(), textposition='auto')

layout = go.Layout(barmode='group', hovermode='closest')

html.Div([dcc.Graph(id='main_graph', figure={'data': data, 'layout': layout}
)], style={'width':'70%', 'float':'left'})

html.Div([html.Pre(id='hover')], style={'width':'30%', 'float':'right'})

@app.callback(Output('hover', 'children'), [Input('main_graph', 'hoverData')])
def disp_hover_data(hover_data):
    print(hover_data)

预期结果：悬停条的悬停数据

实际结果：None

Answer 1

您需要 return hover_data 对象而不是打印它。

@app.callback(Output('hover', 'children'), [Input('main_graph', 'hoverData')])
def disp_hover_data(hover_data):
    return hover_data

现在，如果您检查 "server" 日志，即运行所在的终端，您会看到 hover_data 打印在那里。如果修复它，它应该显示在 hover.

中

Plotly-Dash：如何打印条形图的 hoverData？

Plotly-Dash: How to print hoverData of a bar plot?

python

plotly-dash

plotly-python