vis日本官網(wǎng)（visvim 日本官網(wǎng)）

近期需要實(shí)現(xiàn)一個(gè)網(wǎng)絡(luò)拓?fù)鋱D，可拖動(dòng)，添加節(jié)點(diǎn)，添加關(guān)聯(lián)；網(wǎng)上搜羅一下，學(xué)習(xí)一下網(wǎng)上的開源內(nèi)容，找到了這個(gè)還不錯(cuò)的插件： Vis ；我看網(wǎng)上對這個(gè)的材料不是很多，特此寫一篇，希望能幫助到大家

首先上Vis文檔： https://visjs.github.io/vis-network/docs/network/index.html

Vis包含了很多內(nèi)容，本文只使用network這一部分；使用的是vue + Ts + Vis 來實(shí)現(xiàn)網(wǎng)絡(luò)拓?fù)洌?/p>

Vis里面有幾個(gè)關(guān)鍵的方法：

第一個(gè)方法：vis.DataSet: 用來轉(zhuǎn)換成network的接受的值；

隨后 要對畫布進(jìn)行事件的監(jiān)聽：

selectNode是選擇節(jié)點(diǎn)，讓節(jié)點(diǎn)處于高亮狀態(tài)；

添加節(jié)點(diǎn)操作：就是調(diào)用networkDateSet.node里面的add 方法：可以自動(dòng)添加，同理邊也是如此，但是要保證節(jié)點(diǎn)和邊的id都是唯一的；

大致是這樣：我這也是想到哪寫到哪 ，沒有啥邏輯可言 ，希望能幫上有需要的人；

附上:官網(wǎng)的demo之一 可借鑒的東西聽多 http://jsfiddle.net/api/post/library/pure/

以上就是小編對于vis日本官網(wǎng)問題和相關(guān)問題的解答了，如有疑問，可撥打網(wǎng)站上的電話，或添加微信。

推薦閱讀：