dataZoom: [{
	show: true,
	bottom: '2%',
	start: 0,
	end: 100,
	handleIcon: 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAIAAAA7y9DJAAAACXBIWXMAABJ0AAASdAHeZh94AAAAEXRFWHRTb2Z0d2FyZQBTbmlwYXN0ZV0Xzt0AAAC7SURBVBiVY/z//z8DXsDy+usXBgaGow/vLr1weu/dm4yMjJ5qWskmVo5KahAVjK++fK7atWnO6aNoWnMtHSb5hjIwMDAdfXgXU5qBgWHy8QMH7t1iYGBgWnrhNETof9tUOAkBc84cY2BgYNp79yYuN26/dY2BgYEJv0cYGBiYnJXVoW6uyoaTEOCppsXAwMAUbWCKS3eyiRUDAwOTtbxyiqk1pnSupQMkSBhfffnMgBFiKSZWDvAQIxjqAFhwRQti9BONAAAAAElFTkSuQmCC',
	handleSize: 15,
	height: 13,
	handleStyle: {
		color: '#fff',
	},
	textStyle: {
		color: '#fff',
		fontSize: 12,
	},
	fillerColor: '#eaf4f3',
	backgroundColor: '#fff',
	brushSelect: false,
}, ],