Vis.js - set graph label's font as bold

Question

I use vis.js to display a graph. I know we can update the node with:

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

However, I can't update the font weight, for example, with font.bold: true.

I've also tried to use font.multi, but no luck.

Can you show how to set existing label as bold? (potentially as normal back too)

Answer 1

You need to combine a couple of options to make it work.

A. Set font option in node option:

// 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. Add html element in the label option:

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

So basically, you only need to specify the multi property as html and add <b> element in the label property with your label text.