简介

    如下图所示:

    Slider 组件是完全基于数据的交互组件,同 chart 并无任何关联,无论是你的滑动条想要操纵多少个 chart 或者 view 都没有关系。其滑动时与图表的联动行为,需要同 中的状态量相结合,通过定义每个 Slider 对象的 回调函数,在其中动态更新 DataSet 的状态量来实现数据过滤,下面会通过具体的例子来详细说明,但是首先我们需要了解如何引入 Slider 组件。

    有两种引入 Slider 组件的方式:

    (2)方式 2:npm 模块引入。

    首先需要安装 Slider 模块: ,然后按照如下代码引入

    然后还需要创建一个展示 Slider 插件的 DOM 容器,如:

    完整的代码:

    图表交互