I’m currently working on an app that plots a networkx graph with dash, following the template found here. I then want to put an image below the graph, acting as a map of sorts, with the graph over it showing possible routes.
My code looks like this:
fig = go.Figure(data=[edge_trace, sel_edge_trace, node_trace], layout=go.Layout( showlegend=False, margin=dict(b=20,l=5,r=5,t=40), xaxis=dict(showgrid=False, zeroline=False, showticklabels=False), yaxis=dict(showgrid=False, zeroline=False, showticklabels=False)) ) ... fig.add_layout_image(dict( source="/assets/cinci.png", xref="x", yref="y", x=50, y=50, xanchor="center", sizex=50, sizey=50, sizing="stretch", opacity=0.5, layer="below"))
but no image is showing on my page. I tried toying around with some of the values, since the image might just be offscreen, but I don’t really understand why it’s not showing up. Could someone help me understand why the image is not showing and how I could keep it in place below my graph?
Adding the same image with the same source path with html.Img works just fine.