echarts的开启dataZoom后,滚动条自定义(变成常规页面滚动条样式)—vue技术交流群(864583465)
option = {
dataZoom: [{
showDetail: false,
showDataShadow: false,
startValue: 0,
endValue: 30,
fillerColor: '#ccc', //滑块的颜色
backgroundColor: 'transparent', // 滑块轨道的颜色
borderColor: 'transparent', // 滑块轨道边框的颜色
height: 30, // 滑块高度
moveHandleIcon: 'none',
handleIcon: 'none',
zoomLock: true,
zoomOnMouseWheel: false,
brushSelect: false,
brushStyle: {
borderCap: 'round',
}
}],
}
备注:暂时还未在官方文档中找到可以给滑块设置圆角的参数,欢迎大佬们评论区留言,共同寻找解决方案