Echarts实时数据轮循

Echarts实时数据轮循,第1张

// //使用刚指定的配置项和数据显示图表

// myChart.setOption(option);

//Http协议 定时器轮循

function getChart(){

        var xml = new XMLHttpRequest();

        xml.open("get","url/get_chart");

        xml.send();

        xml.onreadstatechange = function(){

                if(xml.readState == 4 && xml.status == 200){

                        console.log(xml.responseText);

                        //转换后台返回的数据类型渲染视图

                        var data = JSON.parse(xml.responseText);

                        option.series[0].data = data.result;

                        //使用刚指定的配置项和数据显示图表

                        myChart.setOption(option);

                 }

        }

}

setInterval(getChart,2000);

getChart();

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/944781.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-18
下一篇 2022-05-18

发表评论

登录后才能评论

评论列表(0条)

保存