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

Question

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

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

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的{​​{1}}文件中找到所需的信息。如果您正在寻找其他vis区域的选项（如时间轴），我打赌在类似的文件夹中有一个选项文件。

Answer 2

此属性尚未自定义，但我设法直接在cd "DBDIR" for dbtry in *-*/; do mysqladmin -u "$dbUser" -p "$dbPass" "drop database if exists '$dbtry'" done 源文件中更改它：

• 搜索Box类定义：vis.js
• 在调整大小功能中，有修改余量：var Box = function (_NodeBase)
• 将其更改为您想要的任何内容，并且已完成

Answer 3

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

此外，它为图形提供了一个漂亮的现代平面外观。