最近很多業務場景都會需要用到拓撲圖,翻找了很多資料,最后選擇了antV/g6,主要原因有以下幾點:
1、阿里出品,所以框架的成熟性有保障
2、業務場景契合(1、規則拓撲圖;2、動畫流向:每個節點會有流向動畫)
3、更容易上手(個人愚見)
話不多說,先附上效果圖,如下:
代碼講解如下:
代碼量不多,我封裝為一個小組件,頁面數據也分離出去,很適合小白直接拿來使用,有不懂的可以一塊討論,雖然代碼量不多,但是從開始擼到做出成果也花了不少時間,希望用得到的小伙伴不要吝嗇,多多宣傳,免費點亮一下star!謝謝了。最后附上 源代碼地址:https://github.com/WangHao1221/test-antV-g6/