Echarts实时数据更新之 定时器

采用Echarts图表控件API根据情况修改。

    ... //省略代码

    //模拟后台数据，每组6条数据
    var res = [
        [22, 34, 5, 2, 45, 29],
        [34, 74, 21, 6, 55, 69],
        [76, 64, 20, 4, 75, 22],
        [42, 39, 65, 11, 41, 49],
    ];
    //定时器
    setInterval(function getRes() {
        //获取数组中的数据组，直实环境下此段省略
        var i = parseInt(Math.random() * res.length);
        //将获取到的数据赋值给图表`option`内的`data`数组
        option.series[0].data = res[i];
        //渲染数据
        myChart.setOption(option);
    }, 1000); //间隔1秒钟向后台请求数据

    ... //省略代码

Echarts传送门：https://echarts.apache.org/zh/index.html