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

Question

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

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

Answer 1

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

您传入的选项对象，它需要 nodes 属性上的 margin 属性，如下所示:

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

您还可以像这样为上、下、右、左指定不同的外边距:

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

除了 px，我似乎无法指定任何东西 - 我尝试使用“1em”作为输入，但它似乎只接受整数值 - 并以像素表示。

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