Plot over plot over map dash 和 plotly

Question

我有一个dash和plotly应用程序，如下图（改编this tutorial中的示例：

我想，当我将鼠标放在一个县上时，可以在美国地块上方看到一个地块，其中包含该县的一些信息。例如，如果我有失业率的历史值，我希望看到时间序列绘制在地图的顶部，用一个小图让我仍然可以看到地图。

有没有一种简单的方法可以使用 dash 和 plotly 来做到这一点？谢谢！

Answer 1

据我所知，（目前）还不能使用 mapbox 在工具提示中嵌入图形。如果你不局限于使用 mapbox，你可以使用 Dash Leaflet，它支持更高级的工具提示，包括图形。这是一个小例子，

import dash
import dash_html_components as html
import dash_core_components as dcc
import dash_leaflet as dl
import plotly.express as px

# Example graph.
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length")
graph = dcc.Graph(figure=fig, style={"width": "400px", "height": "250px"})
# Create map with marker.
app = dash.Dash()
app.layout = html.Div([
    dl.Map([dl.TileLayer(), dl.CircleMarker(center=(56, 10), children=dl.Tooltip(graph))],
           id="map", style={'width': '100%', 'height': '100vh', 'margin': "auto", "display": "block"}),
])

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

免责声明：我是 Dash Leaflet 的维护者。

Plot over plot over map dash 和 plotly

Plot over plot over map dash and plotly

python

plot

data-visualization

plotly

plotly-dash