最近做项目用到echarts来展示数据
目前来看，这样子也没有什么问题，但当数据量多的时候，x轴会变得很挤，或者x轴会自动隐藏一些数据（y轴数据图上还在，只是x轴上隐藏了），解决办法是可以给x轴添加一个滚动条。
在此基础上再给滚动条添加缩放功能，即随着鼠标滚轮的滚动，滚动条的长度也会随之变化。
附上代码，在option里配置：
dataZoom: [
{
orient: "horizontal",
show: this.zoomShow,//控制滚动条显示隐藏
realtime: true, //拖动滚动条时是否动态的更新图表数据
height: 15, //滚动条高度
start: 0, //滚动条开始位置（共100等份）
end: this.endValue,//滚动条结束位置
bottom: "4%",
zoomLock: true, //控制面板是否进行缩放
},
{
type: 'inside',
brushSelect: true,
start: 0,
end: 100,
xAxisIndex: [0],
}
],
