因項(xiàng)目而了解全世界泡徙,今天我開始看gojs。
看到的第一句話:?GoJS?is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms.?
1 Gojs是一個(gè)js庫(kù) 2 基于它可以制作交互式圖表 3 很好做到復(fù)雜數(shù)據(jù)可視化
使用gojs 我使用的方法是 1 使用npm install gojs 2 import go from 'gojs' 3 然后 就可以通過(guò)go去探索你的新世界了?
gojs怎么玩? gojs圖表需要被包裹在一個(gè)指定寬高的div中,并傳入這個(gè)div的id作為參數(shù)創(chuàng)建圖表功蜓。隨后通過(guò)使用go.GraphObject.make來(lái)創(chuàng)建一個(gè)GoJS對(duì)象逝撬,gojs使用mv模式,即view和model钱磅,在我們新建的model中梦裂,我們可以‘畫圖‘,畫shape,textBlock,picture,通過(guò)new go.bind()操作綁定數(shù)組中的相關(guān)字段并循環(huán)顯示字段中的值
gojs的數(shù)據(jù)層 gojs的數(shù)據(jù)層包括key parent name source等等字段盖淡,我們可以通過(guò)數(shù)據(jù)層的這些字段直接的告訴每一條數(shù)據(jù)與其他數(shù)據(jù)的關(guān)系年柠,這些字段不需要都有,根據(jù)我們所使用的數(shù)據(jù)層模板和個(gè)人需要決定褪迟,最終我們通過(guò)對(duì)我新建的視圖層的model屬性賦上我們定義的數(shù)據(jù)層
gojs的視圖層 視圖層有一些模板冗恨,比如線模板,節(jié)點(diǎn)模板味赃。我們可以對(duì)模板中的元素定義css,也可以通過(guò)對(duì)視圖層設(shè)置屬性掀抹,如延展方向,定制css心俗,打開ctrl-z ctrl-c功能等等
以上算是我對(duì)gojs的入門總結(jié)吧傲武,后面項(xiàng)目接著后我會(huì)繼續(xù)更新這篇文章