echarts 图表的滚动条

LILEILEILOVE

已于 2022-09-14 13:53:12 修改

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： echarts javascript

于 2021-09-23 23:41:33 首次发布

本文链接：https://blog.youkuaiyun.com/LILEILEILOVE/article/details/120445669

vue 专栏收录该内容

51 篇文章

订阅专栏

本文详细介绍了如何在Echarts中添加和配置滚动条，包括设置垂直滚动条、水平滚动条，以及调整滚动条样式和交互，帮助读者理解Echarts在大数据量展示时的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const dataZoom = [{
show:true,
zoomLock:false,//禁止拉伸
height:8,
xAxisIndex:[0],
bottom:10,
startValue:0,
endValue:10,//控制每页展示数量
handleIcon:'',
handleSize:'100%',
handleStyle:{
color:'#bbbbbb',
shadowColor:'',
shadowBlur:5,
},
backgroundColor:'#rgba(222,222,222,.5)',
filterColor:'#bbbbbb',
textStyle:{
color:'transparent',
},
dataBackground:{
lineStyle:{
color:'#gggggg',
},
areaStyle:{
color:'#ffffff',
},
},
borderColor:'#eeeeee',
showDataShadow:false,//是否显示数据阴影，数据阴影可以简单的反应数据走势

}]