在Dash框架里实现不同页面之间的跳转

本文介绍了在数据可视化库Dash中如何实现在不同页面间的跳转,避免使用JavaScript,而是利用Dash的组件和callback机制。通过dcc.Location、dcc.Link和html.Div配合,结合app.callback动态更新页面内容,实现页面的无刷新跳转。详细代码和工作原理进行了分析,并提供了官方文档链接作为深入学习的参考。
摘要由CSDN通过智能技术生成

前记

最近在用Dash写数据可视化的工作,不得不说 Dash和 Plotly不但生态很好,而且上手快、制图精良。强烈安利一手。

然后有一个问题就是如何实现从一个界面到另一个界面的跳转?毕竟最后present的结果应该是一个 integrated的结果。

这里可能可以直接用 javaScript来写,但是如果希望单纯在Dash的框架里实现呢?

在查阅了很久官方文档和stack exchange后,我发现了一个比较完美的解决方案。觉得这个还是比较有价值的,就在此记录一下。

正文

先来看一个最简单的例子:

import dash
import dash_core_components as dcc
import dash_html_components as html

print(dcc.__version__) # 0.6.0 or above is required

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_s
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值