Vis.js如何设置图标签字体为粗体及恢复常规样式？

没问题，我来帮你搞定这个问题！在vis.js里，要修改节点标签的粗细，核心是要正确传递font对象的配置——你之前尝试的font.bold: true思路是对的，但可能是没把结构写对，导致更新不生效。下面是具体的实现方法：

设置节点标签为粗体 #

你可以通过nodes.update()方法，给目标节点的font对象添加bold: true属性。如果只想修改粗细而保留原有字体的颜色、大小等配置，不需要额外覆盖其他属性，vis.js会自动合并现有配置：

// 将ID为1的节点标签设置为粗体
nodes.update([{ 
  id: 1, 
  font: { 
    bold: true 
  } 
}]);

如果需要批量修改多个节点（比如所有节点），可以遍历节点列表逐一更新：

// 批量设置所有节点标签为粗体
nodes.forEach(node => {
  nodes.update([{ id: node.id, font: { bold: true } }]);
});

恢复为常规粗细样式 #

要回到默认的常规字体，只需要把bold属性设为false即可，同样通过nodes.update()实现：

// 将ID为1的节点标签恢复为常规粗细
nodes.update([{ 
  id: 1, 
  font: { 
    bold: false 
  } 
}]);

批量恢复的方式和批量设置类似：

// 批量恢复所有节点标签为常规粗细
nodes.forEach(node => {
  nodes.update([{ id: node.id, font: { bold: false } }]);
});

安全更新：保留原有字体配置 #

如果你担心直接设置bold会不小心覆盖之前配置的字体颜色、大小等属性，可以先获取节点的当前字体配置，修改后再更新：

// 获取目标节点的当前配置
const targetNode = nodes.get(1);
// 复制原有font配置并修改bold属性
const updatedFont = { ...targetNode.font, bold: true };
// 更新节点
nodes.update([{ id: 1, font: updatedFont }]);

这样既修改了粗细，又保留了之前设置的其他字体样式，非常稳妥。

内容的提问来源于stack exchange，提问作者Alexey