在官方的文档中,我们可以容易查找到关于散点,还有柱状图的框选api
是的,通过这样的一段代码,在实例中触发brushSelected事件,就可以得到我们想要的数据,但是,在项目中,我接到得需求是如何在通过框选折线图进行跳转。
目前,echarts的官方只是提供了散点及柱状图的框选功能,折线图的并没有!
而我的方法则可以分为三个部分:
1.在配置echarts实例的option配置项中,series属性,添加bar也就是柱状图的显示,同时,这个在官方的实例中,我们可以找到
2.将柱状图的颜色设置为透明(这样就能完美隐藏柱状图,同时,显示折线图)
3.option中,brush的配置也要进行设置:
brush:{
toolbox:[‘lineX’],
xAxisIndex:0,
outOfBrush:{
opacity:0 //这个代码主要是在brush过程中,隐藏掉方框外的柱状图
}
}
上述,是我代码
通过,brushSelected获取到对应的时间,然后,再通过jquery的mouseup事件进行跳转,注意,对数据进行判断,否则,没得到数据就跳转了
觉得好,就給个赞吧!