流程网上一抓一大把（依赖引入解决一个报错的坑。。网上一搜一大堆）

 

 注意??：如果有两个echart图一定要把参数写成不一样的比如canvasId等
 


 

 


 

 注意??：一定要给包裹他的父元素设置高度
 


 

 


 

 

 


 'max' 取过滤点的最大值
 'min' 取过滤点的最小值
 'max' 取过滤点的最大值
 'min' 取过滤点的最小值
 

 注意??：因为是适配小程序，所以一定要考虑玳码量chart.js使用在在线定制，在线定制地址：
 


 

 


 

 重点来了踩坑，就是我做的效果就是手指在echart图上滑动就会有提示框出现
 


 

 
 


 

 但是在滑动出折线圖的时候整个图都会消失不见，不只是折线图连同坐标轴一起消失不见，如下图
 


 

 
 


 

 因为用的是封装好的组件
 


 

 首先确定是滑动这个事件的问題但是我不能暴力的去掉滑动事件，于是我就计算滑动的边缘界限
 


 

 比如当top到达哪个位置直接return出去就不能给滑动事件
 


 

 首先计算出这个echart的宽高
 


 

 


 

 在init()事件中获取宽高
 


 

 


 // 这里计算的是向右的偏移
 // 这里计算的是向左的偏移
 // 这里计算的是向上的偏移
 // 这里计算的是向下的偏移
 

 简单粗暴的方式结局了，不是很优雅但是很有效