利用ECharts实现数据的左右移动

今天看到一个需求

“打开这个链接

http://echarts.baidu.com/demo.html#bar-tick-align

左边是代码
修改这个代码

让右边的图，每隔一秒向左移一位,最左边的柱移出屏幕,最右边增加一个随机数.”

首先第一步考虑的是，获取到这个数组：

var data= option.series[0].data;//获取数组

其次是做一个定时器，随机生成一个随机数，push到数组，并且删除数组的第一个元素：

window.setInterval(function(){
	data.shift();
	var randomNum=parseInt(Math.random()*400)
	data.push(randomNum);
	console.log(data);//查看下数组是否满足需求
},1000);

然后是写一个刷新的函数，并把新的数据绑定到ECharts中：

function refreshData(){
	var option = myChart.getOption();//获取页面的option
	option.series[0].data = data;//设置新的数据
	myChart.setOption(option);//绑定到EChart