本文主要是介绍笔记:Echarts柱状图 实现滚轮条 数据太多,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
效果👇👇👇
配置:👇
let option = {dataZoom: [{type: "slider",show: true,zoomLock: true,start: 0,end: 20,bottom: 60,height: 10,textStyle: {color: "transparent",fontSize: 9,},fillerColor: "#33CCCC",brushSelect: false,handleIcon:"path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z",handleSize: "100%",handleStyle: {color: "#33CCCC",borderWidth: 0,},backgroundColor: "#0d2755", //两边未选中的滑动条区域的颜色borderColor: "transparent",filterMode: "filter",},],}
这篇关于笔记:Echarts柱状图 实现滚轮条 数据太多的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!