vis-network物理引擎详解：打造动态网络可视化效果

物理引擎概述

vis-network的物理引擎系统通过模拟物理力（如引力、斥力和弹簧力）来自动布局网络图中的节点和边，使网络结构更加清晰美观。物理引擎可以自动计算节点位置，避免手动布局的繁琐工作。

核心配置选项

基础开关

• enabled: 布尔值，默认为true，控制物理引擎是否启用
• solver: 字符串，指定使用的物理求解器，可选值包括：
  • 'barnesHut'（默认）
  • 'repulsion'
  • 'hierarchicalRepulsion'
  • 'forceAtlas2Based'

速度控制

• maxVelocity: 最大速度限制（默认50）
• minVelocity: 最小速度阈值（默认0.1），当所有节点速度低于此值时认为网络已稳定

时间步长

• timestep: 物理模拟的时间步长（默认0.5）
• adaptiveTimestep: 是否启用自适应时间步长（默认true）

主要求解器详解

1. Barnes-Hut求解器

基于四叉树的重力模型，是默认且最快的求解器，适合非层次化布局。

关键参数：

• theta: 精度控制参数（默认0.5）
• gravitationalConstant: 引力常数（默认-2000），负值越小引力越强
• centralGravity: 中心引力强度（默认0.3）
• springLength: 边的弹簧自然长度（默认95）
• springConstant: 弹簧刚度（默认0.04）
• damping: 阻尼系数（0-1，默认0.09）
• avoidOverlap: 节点防重叠系数（0-1，默认0）

2. ForceAtlas2Based求解器

基于Force Atlas 2算法的变体，适合社交网络等复杂关系图。

特点：

• 考虑节点权重（连接边数+1）
• 使用线性距离而非平方反比

关键参数：

• gravitationalConstant: 引力常数（默认-50）
• centralGravity: 中心引力（默认0.01）
• springLength: 弹簧长度（默认100）
• springConstant: 弹簧刚度（默认0.08）

3. 斥力求解器

简化模型，在节点周围创建斥力场。

特点：

• 斥力影响范围由nodeDistance定义
• 力在0.5nodeDistance处最大，2nodeDistance处降为0

4. 层次化斥力求解器

斥力求解器的扩展，考虑层次结构。

特点：

• 自动用于层次化布局
• 力根据层次级别归一化

稳定化配置

稳定化过程确保网络在加载时自动达到平衡状态。

配置选项：

• enabled: 是否启用（默认true）
• iterations: 最大迭代次数（默认1000）
• updateInterval: 更新间隔（毫秒，默认100）
• onlyDynamicEdges: 是否仅动态边参与（默认false）
• fit: 稳定后自动调整视图（默认true）

实用技巧

1. 性能优化：

   • 大型网络可适当增加theta值降低精度换取速度
   • 减少iterations可加快初始化但可能影响布局质量

2. 布局调整：

   • 增加gravitationalConstant使网络更紧凑
   • 调整springConstant控制边张力
   • 使用avoidOverlap防止节点重叠

3. 交互体验：

   • 降低damping使网络更"活泼"
   • 适当设置minVelocity平衡精度和性能

通过合理配置这些参数，您可以创建出既美观又高效的网络可视化效果，满足不同场景的需求。