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

Question

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

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

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

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

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

Answer 1

您需要组合几个选项才能使其工作。

一个。设置font node 中的选项选项:

// 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.添加html label 中的元素选项:

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

所以基本上，你只需要指定 multi属性为 html并添加 <b> label 中的元素属性与您的标签文本。