Vis.js

Question

我用vis.js来显示图表。我想在节点的标签上使用标记。我正在使用 text 类型的节点。

我做了什么：

我在node选项中设置了font选项：

// in the option object
nodes: {
    type: 'text'
    font: {
        multi: 'html',
    }
}

然后我将  标签添加到我的标签中

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

结果： 我的标签在图表上显示为  标签。如 this post 中所述，这适用于  和 。

不支持吗？

Answer 1

根据旧 vis.js 中的 issue 3119，仅支持 、 和 <code>：

With respect to HTML, the following is possible: Set option node.font.multi: html. This allows you to use the ,  and <code> tags within the label text for formatting.

在 vis.js 的当前版本中，看起来情况仍然如此 - 来自 LabelSplitter.js:

// Hash of prepared regexp's for tags
var tagPattern = {
  // HTML
  '<b>': /<b>/,
  '<i>': /<i>/,
  '<code>': /<code>/,
  '</b>': /<\/b>/,
  '</i>': /<\/i>/,
  '</code>': /<\/code>/,
  // Markdown
  '*': /\*/,  // bold
  '_': /\_/,   // ital
  '`': /`/,   // mono
  'afterBold': /[^\*]/,
  'afterItal': /[^_]/,
  'afterMono': /[^`]/,
};

显示了使用 SVG 样式化节点内容（ 可以工作）here，但是有关于浏览器支持的警告，并且此格式节点内容，而不是节点标签。

Vis.js - 设置图形标签的字体为下划线

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

vis.js-network