/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
Graphin是一款功能強大,專業實用的優秀圖表分析軟件,軟件專注在關係可視分析領域,簡單高效,開箱即用。軟件內置豐富的布局,支持布局切換,滿足不同場景下的布局需求。
Graphin官方版是一款專業的圖表分析軟件,Graphin官方版是一個基於G6封裝的React組件庫,Graphin官方版支持布局切換,軟件能夠滿足不同場景下的布局需求。軟件充分利用 React 框架特性,支持數據到視圖的映射與變化,它專注在關係可視分析領域,軟件旨在為用戶提供優秀的圖表分析方案。
數據驅動
充分利用 React 框架特性,支持數據到視圖的映射與變化
自動布局
內置豐富的布局,支持布局切換,滿足不同場景下的布局需求
分析探索
沉澱分析方法,內置分析組件,專注關係可視分析領域
通用布局
Graphin和G6的同學也在布局算法層投入大量的精力,針對圖分析場景做了大量的優化工作,Graphin中包含諸如力導布局、圓形布局、同心圓布局、網格布局、徑向布局、有向分層等布局算法。使開發者不再需要額外調整便能獲得一個不錯的布局效果,從而增強圖的可讀性。
大圖布局
在某些特定分析場景下,需要在畫布上繪製的點/邊數量較多。而像力導布局每次迭代的所消耗的計算資源也會增大進而阻塞JS線程使圖的繪製幀率很低,導致頁麵卡頓, 即大圖布局問題。Graphin采用Web Worker與補間動畫結合的技術,把計算量較大力導的迭代過程遷移到Web worker中進行, 使在點邊數量較多的場景下也能保證頁麵的順滑。下圖呈現的是400個節點,800條邊的場景下圖的繪製情況。當然大圖布局的優化策略也可以寫一篇文章了,這裏不再深入,先留個坑位。
子圖布局
如果圖中節點有明顯的分類,或者用戶需要針對圖中特定節點進行下一步分析,可以采用子圖布局的方式對該部分節點進行重新布局,選擇合適的布局算法進一步增強圖的可讀性。下圖中你可以看到存在兩個子圖分別采用了Circle布局和Radial布局來呈現,布局結果清晰明了,圖的可讀性非常強。
Graphin取名意為Graph Insight(圖的分析洞察),是一個基於G6封裝的React組件庫,專注在關係可視分析領域,簡單高效,開箱即用。
在初始化流程,新增initState,能夠讓數據有一個初始化的狀態
JSON shema的描述注冊節點,新增update 方法
為了提高fit view的效率 取邊上4個點去進行第一次的fit view