本文中介绍的是Dash
如何利用滑动条实现数据选择,同时自动更新可视化的图形
- 利用
Slider
实现 - 利用
RangeSlider
实现 - 利用
px
库实现RangeSlider
利用Slider实现
Slider的特点是:一端是固定的,只能够移动一个端点
demo
官网上的demo
1 | import dash |
实例
1 | import plotly_express as px |
参数解释
下面是各个组件中重要参数的详细解释,辅助理解
利用RangeSlider实现
RangeSlider的特点是:两个端点都是可以移动的
demo
这里是官网上的demo
1 | import dash |
实例
通过RangeSlider得到的数据是列表形式,可以通过索引取出每个数据
1 | import dash |
效果图如下:
利用px库实现RangeSlider
1 | import dash |