簡單的對工作共遇到的echarts tree樹圖做個總結(動態獲取父節點數據,點擊父節點,獲取子節點數據,根據數據的多少來確定整個樹圖的高度,點擊父節點獲取子節點時數據過多高度自適應,點擊子節點跳轉頁面)
經歷幾個月的時間終於算是改善完美,下面就來我所寫的echarts樹圖代碼
1、這個是通過接口獲取到數據,寫一個echarts樹圖數據data(記住有固定的格式name:;value:;。。。。。)
2、接下來我們就開始繪制樹圖,很難簡單地兩步就可以出來圖形 但是我們這里是點擊他的上一層節點動態生成下一層節點,這里就要開始寫點擊事件了,別的高興太早哦這里就開始正式入坑了,來幾組我寫的代碼截圖
下邊this.echartsTreeBj.resize()這個方法之前再加一個窗口監聽
addEventListener('resize', ()=>{
this.echartsTreeBj.resize()
})