echarts读取不到服务器上的.gexf文件

在使用echarts时遇到.gexf文件加载失败的问题,通过Chrome开发者工具发现请求返回乱码。问题出在ThinkPHP的.js文件引入路径不正确以及.gexf文件的相对路径设置错误。解决方法包括修正.js文件引用路径,使用`__PUBLIC__`常量,并将.gexf文件的路径改为绝对路径。
摘要由CSDN通过智能技术生成

今天做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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值