G6 4.3.0 靜水深流

話很少說，本次發佈主要看圖。「官網傳送門」 ​

⭐️ 新特性

FA2 佈局 —— 又回來了！

「DEMO」，「DOCS」

G6 2.0 曾經擁有過的 Force Atlas 2 又回來了！ 相較於經典力導向佈局，Force Atlas 2 結構更清晰，分支更延伸。

圖例插件 —— 元素類型更明確！

「DEMO」，「DOCS」

標識和說明圖上不一樣類型的節點/邊。並可經過與圖例的交互，對主圖元素進行高亮和過濾。

對齊線 —— 節點就是要整整齊齊！

「DEMO」，「DOCS」

當咱們想讓一批節點在一條直線上對齊時，人肉像素級拖動對齊是件很是困難的事情。G6 4.3.0 版本中，咱們增長了對齊線組件，能夠輔助咱們讓節點快速對齊。

流水線子圖佈局 —— 子圖佈局更高效！

「DEMO」，「DOCS」，特別鳴謝社區貢獻者 GitHub @ColinChen2

可在圖上爲不一樣部分快速配置不一樣佈局。

甜甜圈節點 —— 讓節點詳情更直觀！

「DEMO」，「DOCS」

節點詳情中的統計信息一目瞭然！

觸控滾動畫布 —— 交互更順暢！

「DOCS」

使用觸摸板，也能滾動畫布，讓交互體驗更加順暢！

🛠 體驗優化

下載圖片帶水印 —— 版權保護！

特別鳴謝社區貢獻者 GitHub @xiaohu12685

不只能夠在繪製時自定義水印，下載爲圖片時也能帶水印咯！保護您的創做版權。

提示框優化 —— 優雅交互！

「相對於元素固定位置」「點擊出現提示框」

舊版的提示框跟隨鼠標在節點內部移動（左），新版本支持配置相對於節點/邊位置固定（右）： ​

舊版的提示框只能響應鼠標的移入與移出元素（左），新版本支持配置響應動做爲點擊元素（右）：

​

節點支持 iconfont 圖標 —— 成本下降！

舊版中一些內置節點只能支持 base64 或圖片連接做爲節點的 icon。如今，它們支持 iconfont 了！不用請求網絡圖片資源超方便。

更多便捷 API —— 代碼更少！

• getViewPortCenterPoint 用於得到視口中點的畫布座標值；
• getGraphCenterPoint 用於得到圖內容中點的畫布座標值。

📱移動版 G6Mobile

支持小程序和h5的移動端圖可視化引擎 ​

特性

支持支付寶小程序和微信小程序

「支付寶demo傳送門」「微信demo傳送門」

經過[支付寶小程序組件](https://github.com/openwayne/g6-component-alipay) 或者 [微信小程序組件](https://github.com/openwayne/g6-component-wx)，在小程序裏，僅需簡單改動，便可在使用。小程序內優先使用 Native Canvas 渲染，相比小程序內嵌 Web Canvas，在性能上會有必定提高。 ​

• 支付寶小程序演示

• 微信微信小程序演示

🎁 Demo 大奉送

節點內容無限滾動

「傳送門」

經過 G6 自定義節點，能夠實現不少複雜的節點，好比無限滾動、加載更多的列表等節點，還可針對節點中每一個子項單獨設置錨點，這類節點經常使用於 ER 圖建模中。

​

桑基圖

「傳送門」

桑基圖 Demo 又回來了！分析流量一把手。

可編輯思惟導圖

「傳送門」

思惟導圖幫你快速記錄每個靈感的火花！

合併同類兄弟節點

「傳送門」

樹圖太長？合併同類項！

​

從錨點建立邊

「傳送門」

算法 Demo 來襲

• 模式匹配

• 自動聚類

• 色板計算

• AI 佈局推薦

致謝

感謝一直支持、使用並關注 G6 的夥伴們，特別感謝參與 G6 共建的社區同窗。目前 G6 仍有許多不足，可是咱們相信經過持續的迭代，以及愈來愈多熱愛圖可視分析方向同窗的共同努力，咱們會變得愈來愈好。歡迎關注和 star 咱們的 Github：

• G6：github.com/antvis/G6
• Graphin：github.com/antvis/Grap…
• G6 官網：g6.antv.vision/zh/