echarts tree 樹圖總結,點擊父節點動態生成子節點,樹圖數據過多高度自適應,點擊子節點跳轉頁面。


簡單的對工作共遇到的echarts tree樹圖做個總結(動態獲取父節點數據,點擊父節點,獲取子節點數據,根據數據的多少來確定整個樹圖的高度,點擊父節點獲取子節點時數據過多高度自適應,點擊子節點跳轉頁面)

   經歷幾個月的時間終於算是改善完美,下面就來我所寫的echarts樹圖代碼

   1、這個是通過接口獲取到數據,寫一個echarts樹圖數據data(記住有固定的格式name:;value:;。。。。。)

 

 

 

 

 

 

2、接下來我們就開始繪制樹圖,很難簡單地兩步就可以出來圖形  但是我們這里是點擊他的上一層節點動態生成下一層節點,這里就要開始寫點擊事件了,別的高興太早哦這里就開始正式入坑了,來幾組我寫的代碼截圖

 

下邊this.echartsTreeBj.resize()這個方法之前再加一個窗口監聽

  addEventListener('resize', ()=>{

    this.echartsTreeBj.resize()

})

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM