Plotly Dash app.
Treemap displays and works fine (hovering + clicking on sectors). However upon inspecting in browser with “Inspect” page freezes with:
Paused on exception
a - Graph.react.js:93:42
TypeError: e.data.mode is undefined
// Highlights line:
fullPoint.pointNumber
Closing the inspection tool, treemap continuous to work.
Reopening Inspect, the number of errors grew, page freezes.
I tested the same data frame and dash app layout with a sunburst chart. No errors there.
Did anyone have this error with treemaps?
Code sample:
df_wardrobe = pd.DataFrame(
{"continent": ["EU","EU","US","US"],
"clothes": ['top', 'bottom', 'top', 'bottom'],
'qty': [1,2,3,4]})
fig_wardrobe_treemap = px.treemap(
df_wardrobe,
path=["continent", "clothes"],
values="qty",
color="qty",
color_continuous_scale="viridis",
)
app.layout = [
dcc.Graph(
figure=fig_wardrobe_treemap,
)]