今天做echarts,始终get不到gexf文件,一直加载loading,通过新学习了用chrome的开发者工具(F12)调试,刷新网页,点击Network,看请求的les-miserables.gexf的内容发现乱码,看到错误出现在引入的.js文件,回到html上查找引入的.js
1.thinkphp引入路径的问题,这个一定要注意:
<script type="text/javascript" src="lib/Js/Jquery/jquery.js"></script>
<script type="text/javascript" src="lib/Js/echarts.js"></script>
<script type="text/javascript" src="lib/Js/dataTool.min.js"></script>
注:lib是我放在当前路径下的文件夹,里面放有.js,所以在thinkphp下找不到,查找我的thinkphp存放.js文件的路径,
进行修改之后
<script type="text/javascript" src="__PUBLIC__/Js/Jquery/jquery.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/echarts.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/dataTool.min.js"></script>
就找到了这些.js。
2.$.get('path',callback,'xml')中path不正确
之前我写的是./data/les-miserables.gexf,data也是放在我当前路径下的文件夹,但是请求不到
然后修改为http://211.65.193.55/echarts/les-miserables1.gexf即请求到了。
错误源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通信关系图</title>
</head>
<body>
<?php header("Content-Type:text/xml; charset=utf-8");?>
<!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
<div id="graph" style="height: 1000px;"></div>