关于使用原生Ajax+ECharts图片无法显示的问题-解决方案

在使用原生Ajax加载数据并结合ECharts绘制图表时遇到图片无法显示的问题。经过调试,发现在xhr请求完成后立即调用绘图方法可能导致因数据未完全获取而造成图表不显示。解决方案是确保数据加载完成后再执行绘图,以确保线程安全和正确显示。
摘要由CSDN通过智能技术生成

关于使用原生Ajax+ECharts图片无法显示的问题-解决方案

  • 问题重现

     function ons(){
         
                var names = [];
                var values = [];
                var xmlhttprequest = new XMLHttpRequest();
                xmlhttprequest.open("GET","/untitled2_war_exploded/bar?table=bar",true);
                xmlhttprequest.onreadystatechange = function(){
         
                    if (xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200) {
         
                        //alert("1");
                        var json = JSON.parse(xmlhttprequest.responseText);
                        console.log(json);
                        for (var o in json) {
         
                            names.push(json[o].name);
                            values.push(json[o].value);
                        }
                    }
                }
               
                xmlhttprequest
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值