Echarts addData效率问题

symjie 发布于 2015/12/23 11:36
阅读 761
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

我使用Echarts的addData来动态添加数据,发现了一个问题,不知道是echart的限制还是设计就是如此。

当把setInterval的时间设置为小于600的时候,echarts就会出现两种情况,一种是数据不显示,一种是数据混乱。不知道如何解决。因为我这这边使用的即时通讯,使用WebSocket推送数据来更新echarts,所以addData如果不能在200ms响应,则是个很大的问题,希望林大师能够解决一下!

clearInterval(timeTicket);
timeTicket = setInterval(function (){
    lastData += Math.random() * ((Math.round(Math.random() * 10) % 2) == 0 ? 1 : -1);
    lastData = lastData.toFixed(1) - 0;
    axisData = (new Date()).toLocaleTimeString().replace(/^\D*/,'');
    
    // 动态数据接口 addData
    myChart.addData([
        [
            0,        // 系列索引
            Math.round(Math.random() * 1000), // 新增数据
            true,     // 新增数据是否从队列头部插入
            false     // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
        ],
        [
            1,        // 系列索引
            lastData, // 新增数据
            false,    // 新增数据是否从队列头部插入
            false,    // 是否增加队列长度,false则自定删除原有数据,队头插入删队尾,队尾插入删队头
            axisData  // 坐标轴标签
        ]
    ]);
}, 400);



加载中
返回顶部
顶部