(本文档仅供参考)
V11版本,echarts5.1.2版本验证有效
问题说明
滚动条的数据背景色是否可以调整?
解决方案
参考如下扩展属性:
option = { dataZoom: [{ type: 'slider', showDetail: false, show: true, yAxisIndex: [0, 1, 2, 3], startValue: 40, endValue: 54, handleSize: 11, height: '400px', width: '30px', backgroundColor: 'transparent', // 设置背景颜色为透明 fillerColor: '#ddd', // 设置填充颜色 // 设置 dataBackground 样式 dataBackground: { lineStyle: { color: 'transparent', // 设置数据背景线条颜色为透明 width: 1, // 线条宽度 type: 'solid' // 线条类型 }, areaStyle: { color: 'transparent', // 设置数据背景区域填充颜色为透明色 } } }] }