首页 > 其他 > 详细

echarts画图需要每隔5秒定时刷新,怎样消除之前画的图?

时间:2019-11-20 18:35:27      阅读:213      评论:0      收藏:0      [点我收藏+]
html:
<div class="chartContent">

<div id="multiple"></div>
</div>

JS:
var echart={

arrPrice:[],
arrRate:[],
time:[]
};
//***我用了一个getData()来通过ajax实现获取实时数据;***
function getData(){
    $.ajax({
        url:‘mod.json‘,
        type:‘post‘,
        async:true,
        data:‘‘,
        dataType:‘json‘,
        success:function(data){
            for(i in data.result){
                echart.arrPrice.push(data.result[i].price);
                echart.arrRate.push(data.result[i].rise);
                echart.time.push(data.result[i].time);
            }
            drawChart();
        },
        error:function(){
            console.log(‘error‘)
        }
    });
}
**//drawChart()y用来实现echarts画图;**
    function drawChart(){
    var dom = document.getElementById("multiple");
    var myChart = echarts.init(dom);
    option = {
             xxx
            }
        ]
    };
    if (option && typeof option === "object") {
        myChart.setOption(option, true);
    }
}

然后

window.setInterval(function(){

    //getData()
},3000);
来实现5秒定时刷新

存在一个问题,这个方法是追加数据的,没有实现定时情况再更新------------------

 

 

参考资料:https://segmentfault.com/q/1010000019459140/

echarts画图需要每隔5秒定时刷新,怎样消除之前画的图?

原文:https://www.cnblogs.com/mahmud/p/11899499.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!