dataZoom: [
{
type: 'slider',
show: true,
height: '5%',
bottom: '2%',
borderColor: '#8FDFFE',
backgroundColor: '#8fdffe99',
// 拖拽手柄样式 svg 路径
handleIcon: 'M512 512m-208 0a6.5 6.5 0 1 0 416 0 6.5 6.5 0 1 0-416 0Z M512 192C335.264 192 192 335.264 192 512c0 176.736 143.264 320 320 320s320-143.264 320-320C832 335.264 688.736 192 512 192zM512 800c-159.072 0-288-128.928-288-288 0-159.072 128.928-288 288-288s288 128.928 288 288C800 671.072 671.072 800 512 800z',
handleColor: '#8FDFFE',
handleSize: 20,
handleStyle: {
borderColor: '#8FDFFE',
shadowBlur: 4,
shadowOffsetX: 1,
shadowOffsetY: 1,
shadowColor: '#e5e5e5'
},
start: 0,
end: 100
}
]
