var options = {
nodes:{//節(jié)點(diǎn)配置
borderWidth: 1,//節(jié)點(diǎn)邊框的寬度,單位為px
borderWidthSelected: 2,節(jié)點(diǎn)被選中時(shí)邊框的寬度,單位為px
color: {
border: '#2B7CE9',//節(jié)點(diǎn)邊框顏色
background: '#97C2FC',//節(jié)點(diǎn)背景顏色
highlight: {//節(jié)點(diǎn)選中時(shí)狀態(tài)顏色
border: '#2B7CE9',
background: '#D2E5FF'
},
font: {//字體配置
color: '#343434',//顏色
size: 14, // 大小,單位px
face: 'arial',//字體
background: 'none',//背景
align: 'center',//位置left right center
},
hover: {//節(jié)點(diǎn)鼠標(biāo)滑過(guò)時(shí)狀態(tài)顏色
border: '#2B7CE9',
background: '#D2E5FF'
}
},
shadow:true
},
interaction: {
dragNodes:false,//是否能拖動(dòng)節(jié)點(diǎn)
dragView:false,//是否能拖動(dòng)畫(huà)布
hideEdgesOnDrag:true,//拖動(dòng)畫(huà)布時(shí)是否隱藏連接線(xiàn)
hideNodesOnDrag:true,//拖動(dòng)畫(huà)布時(shí)是否隱藏節(jié)點(diǎn)
hover: true,//鼠標(biāo)移過(guò)后加粗該節(jié)點(diǎn)和連接線(xiàn)
keyboard:true,//
multiselect:true,//按 ctrl 多選
navigationButtons:true,//是否顯示控制按鈕
selectable:false,//是否可以點(diǎn)擊選擇
selectConnectedEdges:false,//選擇節(jié)點(diǎn)后是否顯示連接線(xiàn)
hoverConnectedEdges:false,//鼠標(biāo)滑動(dòng)節(jié)點(diǎn)后是否顯示連接線(xiàn)
tooltipDelay:200,
zoomView:true//是否能縮放畫(huà)布
},
layout:{
randomSeed:1,//配置每次生成的節(jié)點(diǎn)位置都一樣,參數(shù)為數(shù)字1、2等
hierarchical: {
direction: 'UD',//UD:上下 DU:下上 LR:左右 RL:右左
sortMethod: 'directed'
}, //層級(jí)結(jié)構(gòu)顯示}
},
edges: {
shadow:true,//連接線(xiàn)陰影配置
smooth: true,//是否顯示方向箭頭
arrows: {from : true }//箭頭指向from節(jié)點(diǎn)
}
};
vis.js使用小節(jié)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 編輯器:Atom不多說(shuō)廢話(huà),你看這些圖片你就知道了。 function是函數(shù)alert是在網(wǎng)頁(yè)彈出對(duì)話(huà)框里的內(nèi)容 ...
- // 請(qǐng)使用Js代碼寫(xiě)出一個(gè)類(lèi)繼承的模型// 請(qǐng)使用Js代碼寫(xiě)出一個(gè)類(lèi)繼承的模型,需包含以下實(shí)現(xiàn):// 定...
- 相等運(yùn)算符 相等運(yùn)算符(==),比較不同類(lèi)型的數(shù)據(jù)時(shí),相等運(yùn)算符會(huì)先將數(shù)據(jù)進(jìn)行類(lèi)型轉(zhuǎn)換,然后再用嚴(yán)格相等運(yùn)算符比較...
- 使用 ref 來(lái)定位 DOM 節(jié)點(diǎn)很方便。但是期間遇到了一個(gè)問(wèn)題,就是在生命周期 mounted 鉤子函數(shù)里面使用...