Echarts 数据过多时设置滚动条

Echarts 数据过多时设置滚动条

Echarts具有自适应的功能，因此当数据非常多的时候，会自动把柱形的宽度挤的非常细，也显得不美观，这样的交互肯定是过不去的。

因此就需要有这样一个属性：
dataZoom
想要读详细文档的同学，可以看官方文档：https://echarts.baidu.com/option.html#dataZoom

dataZoom: [
				{
					start: 0, //默认为0
					end: 100, //默认为100
					type: "slider",
					maxValueSpan: 9, //显示数据的条数(默认显示10个)
					show: true,
					yAxisIndex: [0],
					handleSize: 0, //滑动条的 左右2个滑动条的大小
					height: "80%", //组件高度
					left: 600, //左边的距离
					right: 8, //右边的距离
					top: 50, //上边边的距离
					borderColor: '#0e426c',
					//   fillerColor: "#1b579e", //滑动块的颜色
					fillerColor: "#1890ff", //滑动块的颜色
					backgroundColor: "#0e426c", //两边未选中的滑动条区域的颜色
					showDataShadow: false, //是否显示数据阴影 默认auto
					showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
					realtime: true, //是否实时更新
					filterMode: "filter",
					yAxisIndex: [0, 1], //控制的y轴
					brushSelect: false, //刷选功能，设为false可以防止拖动条长度改变 ************（这是一个坑）

				},
			],