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

Question

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

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

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

我也试过使用font.multi，但没有运气。

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

Answer 1

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

A.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属性中添加元素。