You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 05:25:38