在地图破折号上绘制绘图并绘制

Question

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

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

有没有使用破折号和情节的简单方法？谢谢！

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 的维护者。