大數(shù)據(jù)可視化實(shí)訓(xùn)Day08 End

多折線圖,會(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)生變化

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容