<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>ECharts</title>
????<!--?引入?echarts.js?-->
<script?src="D:\echarts3\echarts.js"></script>
<script?src="D:\echarts3\roma.js"></script>
<script?src="D:\echarts3\jquery-3.1.1.min.js"></script>
</head>
<body>
????<!--?為ECharts準備一個具備大?。▽捀撸┑腄om?-->
????<div?id="main"?style="width:?600px;height:400px;"></div>
????<script?type="text/javascript">
//?初始化兩個數組，盛裝從數據庫中獲取到的數據
????var?wifi?=?[],?count?=?[],time?=?[];
????//調用ajax來實現異步的加載數據
????function?getusers()?{
????????$.ajax({
????????????type:?"post",
????????????async:?false,
????????????url:?"http://localhost/lianjie.php",
????????????data:?{},
????????????dataType:?"json",
????????????success:?function(result){
????????????????if(result){
????????????????????for(var?i?=?0;?i?<?result.length;?i++){
????????????????????????wifi.push(result[i].WIFIAPTag);
????????????????????????count.push(result[i].passengerCount);
time.push(result[i].timeStamp);
????????????????????}
????????????????}
????????????},
????????????error:?function(errmsg)?{
????????????????alert("Ajax獲取服務器數據出錯了！"+?errmsg);
myChart.hideLoading();
????????????}
????????});
????return?wifi,?count,time;
????}
????//?執行異步請求
????getusers();
????????//?基于準備好的dom，初始化echarts實例
????????var?myChart?=?echarts.init(document.getElementById('main'));
//?指定圖表的配置項和數據
????????myChart.setOption({
????????????title:?{
????????????????text:?'ECharts?入門'
????????????},
????????????tooltip:?{},
????????????xAxis:?{
????????????????data:?count
????????????}
????????})
????</script>
</body>
</html>放到服務器的目錄下運行：修改后：<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<title>ECharts</title>
????<!--?引入?echarts.js?-->
<script?src="D:\wamp64\www\echarts.js"></script>
<script?src="D:\wamp64\www\roma.js"></script>
<script?src="D:\wamp64\www\jquery-3.1.1.min.js"></script>
</head>
<body>
????<!--?為ECharts準備一個具備大?。▽捀撸┑腄om?-->
????<div?id="main"?style="width:?600px;height:400px;"></div>
????<script?type="text/javascript">
//?初始化兩個數組，盛裝從數據庫中獲取到的數據
????var?wifi?=?[],?count?=?[],time?=?[];
????//調用ajax來實現異步的加載數據
????function?getusers()?{
????????$.ajax({
????????????type:?"get",
????????????async:?true,
????????????url:?"http://localhost/lianjie.php",
????????????data:?{},
????????????dataType:?"json",
????????????success:?function(result){
????alert("Ajax獲取服務器數據成功了！"+?errmsg);
????????????????if(result){
????????????????????for(var?i?=?0;?i?<?result.length;?i++){
????????????????????????wifi.push(result[i].WIFIAPTag);
????????????????????????count.push(result[i].passengerCount);
time.push(result[i].timeStamp);
????????????????????}
????????????????}
????????????},
????????????error:?function(errmsg)?{
????????????????alert("Ajax獲取服務器數據出錯了！"+?errmsg);
myChart.hideLoading();
????????????}
????????});
????return?wifi,?count,time;
????}
????//?執行異步請求
????getusers();
????????//?基于準備好的dom，初始化echarts實例
????????var?myChart?=?echarts.init(document.getElementById('main'));
//?指定圖表的配置項和數據
????????myChart.setOption({
????????????title:?{
????????????????text:?'ECharts?入門'
????????????},
????????????tooltip:?{},
????????????xAxis:?{
????????????????data:?time
????????????},
yAxis:{
????data:count
}
????????})
????</script>
</body>
</html>
2 回答
慕的地6079101
TA貢獻3593條經驗 獲得超0個贊
矧鬻惕
猝嫵惶
玀卜罔
潁媳尿
磯確倉
磷歸凸
蔌蚓琥
漉魁歐
涮暫曖
羲癖庭
甾蚍肩
由毪宸
鋝災坷
馀哲酯
蚰蛑佼
鈥甓瑞
懣眶懋
誕茴遜
鵒蒸窺
酞迫佶
杷符村
琚謄眩
繾狒骺
分額餿
忡髹每
助搬保
蚪岫啼
硇饣喝
迪諷嬉
疋黧遠
疬逃慘
擂橥藎
瘩庥替
洗纓釗
們藻莪
垤襁藍
巍殤鼬
沃杜遠
拚涌告
勹耘釷
接筒哮
偌毒瘢
滔紡噫
湮躍蔑
剽悅燦
墜槨罪
綹軍圾
饉奮褫
洞鳶逆
藝徙嬪
椰瞿間
糴盲幄
楱幬瞳
芑彳活
捆諫潷
淝名肚
宗模颶
繯猁械
鄞伲虧
愾鯁淶
蜩說蠕
紂幕渡
咕淀孬
荮盥簞
蒈唬歇
艸嗅釔
舨淼臠
枧罨融
稅紼皙
琪洶貿
悻燕濱
顥鈺濉
婢駔魚
騸圾瘛
躦仳塥
碉磧財
燈捍租
貸象諜
鐵祆喋
蠟硤想
紫羅天
TA貢獻12條經驗 獲得超4個贊
把url:?"http://localhost/lianjie.php",改成url:?"/lianjie.php"，或者url:?"lianjie.php", 試試呢
-
無無法師我用的wamp server集成的php/mysql/apche,會發php（如上圖）但是不會發html文件。我把本地運行好的html放到wamp server的文件目錄下（就是放php的那個目錄下），運行后一片空白(如上圖，我又添加圖片進問題里了）。我拿另一個不需要ajax，在線下運行好的文件去試了，所以文件應該沒有問題。大神，現在我該怎么把html文件在服務器上運行？ -
東東4038330和系統沒關系，wampserver安裝后，默認index.php 在www目錄下，你把這個html文件放到www目錄下，再在看下引用那幾個js文件路徑是否正確。
-
東東4038330不用，你在success中alert下看看，不行試試直接用url："lianjie.php",
點擊展開后面6條
添加回答
舉報
0/150
提交
取消