简介
如下图所示:
Slider 组件是完全基于数据的交互组件,同 chart 并无任何关联,无论是你的滑动条想要操纵多少个 chart 或者 view 都没有关系。其滑动时与图表的联动行为,需要同 DataSet 中的状态量相结合,通过定义每个 Slider 对象的 回调函数,在其中动态更新 DataSet 的状态量来实现数据过滤,下面会通过具体的例子来详细说明,但是首先我们需要了解如何引入 Slider 组件。
有两种引入 Slider 组件的方式:
(2)方式 2:npm 模块引入。
首先需要安装 Slider 模块: ,然后按照如下代码引入
然后还需要创建一个展示 Slider 插件的 DOM 容器,如:
完整的代码: