echarts活数据

可以通过echarts的数据接口来实现动态数据的更新和展示，以下是一个简单的示例代码：

// 初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 定义数据
var data = [10, 20, 30, 40, 50];

// 定义图表配置
var option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: data,
        type: 'line'
    }]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

// 更新数据
setInterval(function() {
    data.shift();
    data.push(Math.floor(Math.random() * 100));
    myChart.setOption({
        series: [{
            data: data
        }]
    });
}, 1000);

这个示例代码中，我们首先通过`echarts.init`方法初始化了一个echarts实例，并通过`option`配置项定义了图表的样式和数据。然后使用`myChart.setOption`方法将配置项和数据显示在页面上。

接下来，我们使用`setInterval`方法定时更新数据。在每次更新数据时，我们首先通过`data.shift()`方法删除数组中的第一个元素，然后通过`data.push(Math.floor(Math.random() * 100))`方法在数组末尾添加一个随机数。最后，我们再次使用`myChart.setOption`方法将新数据显示在页面上，从而实现了动态数据的更新和展示。