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