多折線圖跟狱,會(huì)出現(xiàn)折線圖的實(shí)際值與Y軸數(shù)值不一致的情況弥锄;
-
解決方法很簡(jiǎn)單账月,刪除series:[ ]里的stack屬性即可疆导。
-
刪除series:[ ]里的stack屬性后=》
ajax讀取接口數(shù)據(jù)的簡(jiǎn)單實(shí)現(xiàn)
-
建立json文件替代直接在html文件寫入數(shù)據(jù)
(復(fù)制原series:[ ]數(shù)據(jù)赁项,新建INDEX.json文件)
[
{
"name": "Email",
"type": "line",
"data": [120, 580, 101, 134, 90, 230, 210]
},
{
"name": "Video Ads",
"type": "line",
"data": [150, 232, 201, 154, 190, 330, 410]
},
{
"name": "Search Engine",
"type": "line",
"data": [820, 132, 901, 934, 1290, 1330, 320]
}
]
清除series:[ ],建立xml對(duì)象
var xml = new XMLHttpRequest();
xml.open('GET',"http://127.0.0.1:8848/June22/pro/html/INDEX.json");
xml.send();
xml.onreadystatechange = function(){
if(xml.readyState==4){//服務(wù)請(qǐng)求結(jié)束
if(xml.status==200){
//照這個(gè)地址是鬼,200代表成功 http狀態(tài)碼 404
var obj =JSON.parse(xml.response);
//得到接口的值 并轉(zhuǎn)成js對(duì)象
option3.series = obj;
echarts3.setOption(option3);
}
}
}
實(shí)現(xiàn)效果一樣肤舞,此時(shí)單獨(dú)在json文件里更改數(shù)據(jù)即會(huì)產(chǎn)生變化