echarts中跨域动态获取数据时,当某些对应的数据为空时,鼠标滑动到所在位置卡死...

才疏学浅,万望指点。

 

formatter: function (params) {
var rel = params[0].name + "<br />";
rel += '<span style="color:#197bd4">'+ params[0].seriesName +'</span>' + ' : ' + params[0].data.toFixed(1) + "万元<br />";
rel += '<span style="color:#EE6E21">'+ params[1].seriesName +'</span>' + ' : ' + params[1].data.toFixed(1) + "万元";
//TODO 当今年的利润为空时,网页卡住
return rel;
}
 
当params[1].data 没有值的时候,鼠标滑入到空值所在的位置上时,网页就卡住了;
我现在主要想要的功能是,当data值为空时,让他显示成0.
获取的data数据请求地址中,只有从1月到5月的值,之后还有一个单独的error:0。
 

转载于:https://www.cnblogs.com/zspersonal/p/9001966.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你使用的是前端框架(比如Vue.js、React.js等),可以使用组件化的方式来实现数据的渲染。具体操作可以参考对应框架的官方文档。 如果你没有使用前端框架,可以使用jQuery等库来获取数据并渲染到子页面。 以下是一个简单的示例,假设你有一个父页面index.html和一个子页面child.html,需要在父页面通过Ajax获取数据,并在子页面渲染: index.html: ``` <!DOCTYPE html> <html> <head> <title>Parent Page</title> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> </head> <body> <div id="container"></div> <script> $(function() { $.get("data.json", function(data) { // 通过Ajax获取数据 var html = '<object type="text/html" data="child.html"></object>'; // 创建子页面的object元素 $("#container").append(html); // 将子页面添加到父页面 var iframe = $("object[type='text/html']")[0].contentDocument; // 获取子页面的iframe iframe.open(); iframe.write("<h1>" + data.title + "</h1>"); // 在子页面渲染数据 iframe.close(); }); }); </script> </body> </html> ``` child.html: ``` <!DOCTYPE html> <html> <head> <title>Child Page</title> </head> <body> <div id="content"></div> </body> </html> ``` data.json: ``` { "title": "Hello, World!" } ``` 在这个示例,我们通过jQuery的$.get方法从data.json文件获取数据。然后,我们创建一个object元素,将子页面child.html添加到父页面,并获取子页面的iframe。最后,在子页面使用iframe.write方法将数据渲染到指定的div元素。 需要注意的是,这种方式可能会存在一些安全问题,比如跨域访问等。如果你需要在子页面实现更复杂的操作,建议使用前端框架或者服务器端渲染。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值