1、业务背景
图形实时从后台获取数据,让图形从最右边出现,每隔一秒向左移一位,当最左边的数据移到Y轴时,最左边的数据移出屏幕,最右边增加一个数。实现一个从右往左动画的效果
2、先看下项目中的demo解决实例
让数据从最右边出,不重复说了,利用数组的length特性
mounted(){
this.series.length = 50
this.fetchData();
}
其次就是对数据的处理:当数组长度大于设定的固定值时,删除数组的第一个元素;然后将获取到的值push到数组
fetchData(){
this.timer = setInterval(_ => {