我正在创建一个仪表板,我想使用这个交互式 map
嵌入代码:
<iframe height="1043px" width="100%" src="https://www.ons.gov.uk/visualisations/dvc914/map/index.html"></iframe>
现在我不太了解 HTML,但这就是我目前所了解的。我知道布局是错误的,但我已经被困了很长一段时间,谁能指出我正确的方向。非常感谢!
import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.express as px
import pandas as pd
from dash.dependencies import Input, Output
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
#H1 = biggest heading, Div = a box containhg info
app.layout = html.Div(children=[
html.H1(children='Hello Dash'),
html.Div(children='''
Dash: A web application framework for Python.
'''),
dcc.Graph(
id='example-graph',
figure=fig
<iframe height="1067px" width="100%" src="https://www.ons.gov.uk/visualisations/dvc914/map/index.html"></iframe>
)
])
if __name__ == '__main__':
app.run_server(debug=True,port=8049,host='127.0.0.1')
最佳答案
你快到了。只需将 iframe 元素的 <> 语法替换为您用于其他元素的破折号语法,
import dash
import dash_core_components as dcc
import dash_html_components as html
external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
app.layout = html.Div(children=[
html.H1(children='Hello Dash'),
html.Div(children='''
Dash: A web application framework for Python.
'''),
dcc.Graph(
id='example-graph',
# figure=fig # commented out to make the example runnable
),
html.Iframe(src="https://www.ons.gov.uk/visualisations/dvc914/map/index.html",
style={"height": "1067px", "width": "100%"})
])
if __name__ == '__main__':
app.run_server(debug=True, port=8049, host='127.0.0.1')
关于python - 如何在 dash/plotly 中使用 iframe? ( python /HTML),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64736956/