vis.js沒有中文文檔,個人在項目中總結的一些中文配置


##vis.js
var options = {
nodes:{//節點配置
borderWidth: 1,//節點邊框的寬度,單位為px
borderWidthSelected: 2,節點被選中時邊框的寬度,單位為px
color: {
border: '#2B7CE9',//節點邊框顏色
background: '#97C2FC',//節點背景顏色
highlight: {//節點選中時狀態顏色
border: '#2B7CE9',
background: '#D2E5FF'
},
font: {//字體配置
color: '#343434',//顏色
size: 14, // 大小,單位px
face: 'arial',//字體
background: 'none',//背景
align: 'center',//位置left right center
},
hover: {//節點鼠標滑過時狀態顏色
border: '#2B7CE9',
background: '#D2E5FF'
}
},
shadow:true
},
interaction: {
dragNodes:false,//是否能拖動節點
dragView:false,//是否能拖動畫布
hideEdgesOnDrag:true,//拖動畫布時是否隱藏連接線
hideNodesOnDrag:true,//拖動畫布時是否隱藏節點
hover: true,//鼠標移過后加粗該節點和連接線
keyboard:true,//
multiselect:true,//按 ctrl 多選
navigationButtons:true,//是否顯示控制按鈕
selectable:false,//是否可以點擊選擇
selectConnectedEdges:false,//選擇節點后是否顯示連接線
hoverConnectedEdges:false,//鼠標滑動節點后是否顯示連接線
tooltipDelay:200,
zoomView:true//是否能縮放畫布
},
layout:{
randomSeed:1,//配置每次生成的節點位置都一樣,參數為數字1、2等
hierarchical: {
direction: 'UD',//UD:上下 DU:下上 LR:左右 RL:右左
sortMethod: 'directed'
}, //層級結構顯示}
},
edges: {
shadow:true,//連接線陰影配置
smooth: true,//是否顯示方向箭頭
arrows: {from : true }//箭頭指向from節點
}
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM