python绘制的短划线树映射获取选定的子标签

Question

我正在尝试在短划线中使用一个绘图树图。当用户通过单击在树图中选择子组时，树图会放大选定的部分。有没有一种方法可以让我获得用户的选择，并将其用作Dash回调的输入？

例如，以下是Dash:中的树图代码

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objects as go
fig = go.Figure(go.Treemap(
labels = ["Eve","Cain", "Seth", "Enos", "Noam", "Abel", "Awan", "Enoch", "Azura"],
parents = ["", "Eve", "Eve", "Seth", "Seth", "Eve", "Eve", "Awan", "Eve"],
root_color="lightgrey"
))
fig.update_layout(margin = dict(t=50, l=25, r=25, b=25))
app = dash.Dash()
app.layout = html.Div([
dcc.Graph(figure=fig)
])
app.run_server(debug=True, use_reloader=False)  # Turn off reloader if inside Jupyter

我想做的事情看起来像这样：

@app.callback(
dash.dependencies.Output('some_other_figure', 'figure'),
[
dash.dependencies.Input('treemap_child_selection', 'value'),
]
)
def update_other_figure(treemap_selection):
pass

Answer 1

您可以在回调中使用dcc.Graph的clickData属性

clickData(dict；可选(：来自最近一次单击事件的数据。只读。

@app.callback(
dash.dependencies.Output("output", "children"),
dash.dependencies.Input("graph", "clickData"),
)
def update_other_figure(click_data):
print(click_data)
# Do something with the data...

在您的示例中单击Noam时，click_data的值为

{'points': [{'curveNumber': 0, 'pointNumber': 4, 'currentPath': 'Eve/Seth/', 'root': 'Eve', 'entry': 'Eve', 'percentRoot': 0.16666666666666666, 'percentEntry': 0.16666666666666666, 'percentParent': 0.5, 'parent': 'Seth', 'label': 'Noam'}]}

您可以从中检索label的值，并对其进行处理。

Answer 2

对我来说，理解dict结构需要一些时间。我把语法放在这里是为了从click_data 中获得正确的值

click_data["points"][0]["label"]