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

Question

使用Vis.js创建网络图时，网络中的节点用标签绘制 - 对于我的用例 - 没有足够的“填充”，即节点标签文本和边界之间没有足够的空间节点。下图说明了它：

考虑到 Vis.js 中已有的大量配置选项，我认为增加标签填充会很简单，但对于我的生活，无法弄清楚如何去做。浏览了官方文档，并通过 StackOverflow 和 Google 搜索，但没有找到任何提示。感觉我错过了一些明显的东西 - 任何人都可以照亮吗？...

Answer 1

我找到了它 - 至少它适用于我用 npm 安装的 vis@4.20.1。他们使用边距来修改边框和标签文本之间的空间。

您传入的选项对象，它需要属性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 其他区域（如时间轴）的选项，我敢打赌在类似的文件夹中会有一个选项文件。