ECharts图——addData属性实现动态实时更新数据

此为网上的demo做了修改,记录以便日后学习。

注:addData是在ECharts2中提出的,在ECharts3移除了addData方法,可以考虑用push的方法把数据从尾部添加放进去,然后用shift移除首部第一个数据,任然可以达到更新的效果。在ECharts3中也参考appendData方法。

(1)一般写法(可以直接运行看效果):

(2)在我写的VUE中替换ECharts2的addData的方法可以参考以下写法(我们假设将数据控制在200条以内):

if( arr.length == 200 ){ arr.shift(); } arr.push('data')

 

你可能感兴趣的:(Vue,ECharts)