运⾏echarts的官⽅⽰例显⽰为空⽩的解决⽅法
⽂章⽬录
jquery下载文件请求原因总结
1. echarts路径错误
2. 没有相关的json数据
3. 没有引⼊jQuery
详细说明
举个例⼦，我在Echarts的官⽅⽰例中到了它
⽹址：
linux就业前景薪水
点击右上⾓的下载⽰例，将下载好的⽂件放⼊pycharm中（只要是编译器就可以，但不能直接点开，因为数据⽂件需要渲染）
问题⼀（与原因对应）
先看这⼀⾏代码
<script type="text/javascript"src="cdn.jsdelivr/npm/echarts@5/dist/echarts.min.js"></script> echarts.min.js的路径需要更改，我们先把echarts.min.js放⼊当前⽂件夹下，然后修改路径
<script type="text/javascript"src="echarts.min.js"></script>
问题⼆
2的原码$.get(ROOT_PATH + '/data/asset/data/airport-schedule.json', function (rawData)
appalling
⾸先我们要拿到这个json的数据⽂件，怎么拿呢？
进⼊刚才的链接，F12到network
游戏架构师是做什么的
刷新⼀下，到我们所需的⽂件
双击：
这就是我们所需的json数据，我是创建个txt，将内容复制进去，再将后缀名改为json（感觉笨了，⼤家有什么更简单的⽅法可以发在评论区）
同时修改代码：
$.get('airport-schedule.json', function (rawData)
问题三：
$.get('airport-schedule.json', function (rawData)
改完后的代码其实还有问题，我们可以试运⾏⼀下，F12查看⼀下：
这说明⽬前⽆法识别‘$’这个符号
其实这是jQuery的符号，如果不引⼊jQuery⾃然就⽆法成功显⽰
相关⽅法详见这篇⽂章：（看⽂章⾥的情况1即可）
将下载后的⽂件放⼊同⼀⽂件夹
最后引⼊jQuery即可：
<script type="text/javascript"src="jquery-3.6.0.min.js"></script>
效果显⽰
在解决掉上⾯三个问题后，我们再尝试运⾏⼀下，点击右上⾓的浏览器：
成功了，好耶！
指数函数与log互换公式
相关资源
我已经将图中的四个⽂件压缩后上传了，⼤家点击下⾯的链接就可以下载到原⽂件了！
吐槽
⽹上真的没有详细的讲解，从官⽹下完⽰例后运⾏不出来真的很着急，好在最后还是搞定了

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。