echart异步加载数据(加载本地文件)

前言:

做项目真的很能锻炼人的心态。bug总是那么多,这需要我们拥有一个打持久战的决心。另,我实在不想让其它遇到这个基础问题的人耗费太多的时间,于是写下这篇文章。
我们的项目是通过qt进行可视化,我这里用echart来处理,然后在窗口中显示网页。


问题描述

提示:这里描述项目中遇到的问题:

我(小白)在使用官网示例,加载本地文件时,遇到了两个问题。一个是不知道加载什么资源,第二个问题是网页跨域的问题。


第一个问题解决方案:

我这里找到了一个博主的文章,点击此跳转
然后根据它的代码生成网页,要注意的是,在头部资源的引用。由于使用了jQuery,所以还要将该资源下载,点此下载 直接download
这个就行在这里插入图片描述让后将其网页另存为,
在这里插入图片描述
就会有
在这里插入图片描述
将其放到你之前生成网页那个文件夹,

然后再修改那位博主的代码,将他的jQuery版本改成你下的,

<script src="echarts.min.js"></script>
<script src="jquery-3.6.0.min.js"></script>

到这里,我的第一个问题就解决了


第二个问题:浏览器跨域问题

在这里插入图片描述

我看了网上很多的博主,发现改浏览器属性的方法对我来说不适用,出现了其它问题,诸如管理员权限之类的。于是我用了建立本地服务器的方法,此处参考另一个博主,点此跳转

通过那位博主,我的这个问题也解决了。

最终成功实现异步加载
在这里插入图片描述

小白上路,请多关照。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值