Vis.js - 将图形标签的字体设置为粗体答案

【问题标题】：Vis.js - set graph label's font as boldVis.js - 将图形标签的字体设置为粗体
【发布时间】：2021-06-03 10:35:19
【问题描述】：

我使用 vis.js 来显示图表。我知道我们可以更新节点：

nodes.update([{
  id: 1,
  font: {
    color: "#0d8"
  }
}]);

但是，我无法更新字体粗细，例如，使用 font.bold: true。

我也尝试过使用 font.multi，但没有成功。

您能展示如何将现有标签设置为粗体吗？（也可能像往常一样）

【问题讨论】：

您成功使用金东斌的答案了吗？另请参阅我对它的评论
请记住，将font.bold 设置为true 并不是应有的使用方式：此选项是更改标签内 元素的字体 , 不启用粗体（font.multi: "html" 这样做）

标签： javascript vis.js

【解决方案1】：

您需要结合几个选项才能使其发挥作用。

A.在node 选项中设置font 选项：

// in the option object
nodes: {
    font: {
        // required: enables displaying <b>text</b> in the label as bold text
        multi: 'html',
        // optional: use this if you want to specify the font of bold text
        bold: '16px arial black'
    }
}

B.在label 选项中添加html 元素：

// in the option object or node data object
label: `<b>${YourLabel}</b>`

所以基本上，您只需将multi 属性指定为html 并在label 属性中添加 元素和标签文本。

【讨论】：

我已经修复了你答案中缺少的逗号；对我来说，它只适用于font:{ multi: "html" }（和标签中的...）
@YakovL 正如我所提到的，您只需要使用 元素指定multi 属性和label 属性。但是如果你想要一个特定的粗体样式，你可以像上面一样添加bold属性。
对，我错过了代码中的注释。如果您不反对，我将更改选项的顺序以指示第一个是必需的，并更改 cmets 以提高快速查找的可读性
@YakovL 感谢您的反馈！这听起来很合理:)

【解决方案2】：

var options = {axisFontSize = 30} 然后传递给图形对象

【讨论】：