Echarts 修改 dataZoom 区域缩放组件样式

Echarts 使用笔记

dataZoom: [
	{
		type: 'slider',
		show: true,
		height: 14,
		bottom: 10,
		borderColor: 'transparent',
		backgroundColor: '#e2e2e2',
		// 拖拽手柄样式 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: '#aab6c6',
		handleSize: 20,
		handleStyle: {
			borderColor: '#aab6c6',
			shadowBlur: 4,
			shadowOffsetX: 1,
			shadowOffsetY: 1,
			shadowColor: '#e5e5e5'
		},
		start: 0,
		end: 100
	}
]