You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Plotly教程:如何改写标准Dash应用以在JupyterLab中运行?

在JupyterLab中运行Dash应用的修改方案

嘿,我来帮你搞定在JupyterLab里运行Dash应用的事儿!针对你给出的常规Dash代码,需要做这几处关键修改:

  • 安装并导入专用库:Jupyter环境没法直接用原生Dash的初始化方式,得先装jupyter-dash(执行pip install jupyter-dash即可),然后把原来的import dash替换成from jupyter_dash import JupyterDash。
  • 替换应用初始化方式:把app = dash.Dash()改成app = JupyterDash(__name__),这是适配Jupyter环境的专用实例创建方法。
  • 调整启动参数:把app.run_server()的参数改成mode='inline',这样应用会直接显示在JupyterLab的单元格里;如果想在新浏览器标签页打开,也可以用mode='external'。另外use_reloader=False建议保留,避免和Jupyter的运行环境冲突。

下面是修改后的完整可运行代码:

import plotly.graph_objects as go
import plotly.express as px
# 替换原生dash导入为jupyter-dash
from jupyter_dash import JupyterDash
import dash_core_components as dcc
import dash_html_components as html

# 数据和Plotly图表
df = px.data.gapminder().query("country=='Canada'")
fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Canada')

# 初始化Jupyter专用的Dash应用
app = JupyterDash(__name__)
app.layout = html.Div([
    dcc.Graph(figure=fig)
])

# 在JupyterLab中启动应用,inline模式直接在单元格显示
app.run_server(mode='inline', use_reloader=False)

小提示:如果你的JupyterLab版本较新,可能还需要安装jupyterlab-dash扩展来保证应用正常显示,安装完成后记得重启JupyterLab哦。

内容的提问来源于stack exchange,提问作者vestland

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.09 13:08:14