今天碰到的一个小坑:由于数据过多,在有限的视野内显示不完,需要滑动缩放完成数据的预览。跟着官方文档写之后确实是实现缩放和滑动,但是问题也就出现了,过了几秒后自动回弹原大小。
原代码:(会发生回弹)
dataZoom: [
{
type: 'inside',
// type: 'slider',
// 选择要缩放的 X(Y)轴
yAxisIndex: [0],
start: 1,//初始化时,滑动条宽度开始标度
end: 50 //初始化时,滑动条宽度结束标度
}
],
更改后的代码:(解决回弹问题)
dataZoom: [
{
type: 'inside',
// type: 'slider',
// 选择要缩放的 X(Y)轴
yAxisIndex: [0],
// 添加以下代码会出现的问题:缩放后会回弹
// start: 1,//初始化时,滑动条宽度开始标度
// end: 50 //初始化时,滑动条宽度结束标度
}
],
问题就在于 start 和 end 这两个属性,注释之后就解决了回弹问题。
如有更好的解决方法请不吝告知,非常感谢!