Vis.js节点大小无法改变问题求助
Vis.js 节点size设置不生效问题解决
我用vis.js创建网络时,定义了两个节点:
const startNode = { id: "start", shape: "circle", size: 1, color: { border: "brown", background: "brown" }, x: 0, y: 0, fixed: true, }; const endNode = { id: "end", shape: "circle", size: 500, color: { border: "brown", background: "brown" }, x: 1000, y: 0, fixed: true, };
无论把endNode的size设为500还是1,它显示出来的大小始终和size为1的startNode一样,求解决方案。
可能的解决方案:
- 关闭节点自动缩放:vis.js默认可能开启了节点缩放功能,会自动调整节点尺寸适配视图,导致自定义size失效。在网络配置里关闭该选项:
const options = { nodes: { scaling: { enabled: false } } }; - 升级vis.js版本:部分旧版本存在节点size解析bug,换成最新稳定版试试。
- 排查全局样式冲突:检查页面CSS是否设置了
max-width、max-height等强制修改节点元素尺寸的规则,这类样式会覆盖vis.js的size设置。 - 改用
value字段:有些场景下vis.js优先用value计算节点大小,把size替换成value:const endNode = { id: "end", shape: "circle", value: 500, color: { border: "brown", background: "brown" }, x: 1000, y: 0, fixed: true, };
内容的提问来源于stack exchange,提问作者minhok1
相关产品推荐
相关产品推荐

