dataZoom: [{
show: categories.length > 7 ? true : false, //根据数据长度判断是否显示
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,
dataBackground: { //时间轴阴影颜色
areaStyle: {
color: '#A1AEC2',
opacity: 0.8
}
},
selectedDataBackground: { //时间轴选中阴影样式
areaStyle: {
color: '#A1AEC2',
opacity: 0.8
}
},
handleStyle: {
borderColor: '#8FDFFE',
shadowBlur: 4,
shadowOffsetX: 1,
shadowOffsetY: 1,
shadowColor: '#e5e5e5'
},
start: 0,
end: 100
}],
