echarts 图表的滚动条

原创已于 2022-09-14 13:53:12 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #javascript

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

vue 专栏收录该内容

51 篇文章

订阅专栏

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

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,//是否显示数据阴影，数据阴影可以简单的反应数据走势

}]