文章出處

之前寫過一個Echarts的文章,沒有基礎的同學可以先看這<上一篇>,對于一個地圖和說,我們在初始化之后,你可能被在地圖上標識出一些點,當然這根據你的業務去標識,而如果每次更新數據都加載全部的標識點,這對于性能是有影響的,也是沒有必要的,所以我就找了一種動態添加和刪除點的方法,即addMarkPoint和delMarkPoint,需要注意的是,如果標識后添加或者刪除之后,我們必須要刷新地圖,這樣你做的操作才可以第一時間響應到地圖上來.

測試代碼

     //周期調用刷新數據
        setInterval(function () {
            console.log("going");
            //在線,添加點
            myChart.addMarkPoint(2, {
                data: [{ name: "北京" }]
            });

            //離線,添加點
            myChart.addMarkPoint(1, {
                data: [{ name: "天津" }]
            });

            //刪除
            myChart.delMarkPoint(2, "北京");

            myChart.refresh();//實時更新到地圖
        }, 5000);

效果圖

從圖中我們看到,添加標識后"北京"之后又刪除了"北京",所以在地圖上只把"天津"顯示出來了.

對于一個框架的研究我們需要有耐心.

對于一個框架的猜測,我們要敢去想,多去嘗試!


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()