问如何在Vis.js网络图的节点中增加标签填充？

EN

我找到了它--至少它是为我在npm中安装的vis@4.20.1工作的。他们使用边距来修改边框和标签文本之间的空格。

传入的options对象，它需要在margin属性上设置一个nodes属性，如下所示：

const options = {
  nodes: {
    margin: 10
  }
}

还可以为上、下、右、左指定不同的边距，如下所示：

const options = {
  nodes: {
    margin: {
      top: 10,
      bottom: 20,
      left: 5,
      right: 5
  }
}

除了px之外，我似乎什么都不能指定--我试着用'1em‘作为输入，但它似乎只需要整数值，并以像素表示。

如果您好奇的话，我从位于options.js的node_modules\vis\lib\network文件中找到了所需的信息。如果您正在为vis的其他区域寻找选项(比如时间线)，我打赌在类似的文件夹中有一个选项文件。

这个属性还不能自定义，但是我设法在vis.js源文件中直接更改了它：

• 搜索Box类定义：var Box = function (_NodeBase)
• 在调整大小函数中，有要修改的边距：var margin = 5;
• 把它变成你想要的任何东西，它就完成了

我只是碰到了同样的问题。我找到的唯一解决方案是将节点的borderWidth和borderWidthSelected设置为我想要的填充量。为了使它看起来不太难看，您还可以设置与节点的背景颜色相同的边框。

此外，它给图形一个很好的现代平面外观。