echarts的开启dataZoom后，滚动条自定义（变成常规页面滚动条样式）

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',
         }
  }],
  
}

备注：暂时还未在官方文档中找到可以给滑块设置圆角的参数，欢迎大佬们评论区留言，共同寻找解决方案