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

【问题标题】：Vis.js - set graph label's font as underlineVis.js - 将图形标签的字体设置为下划线
【发布时间】：2020-07-07 07:22:24
【问题描述】：

我使用 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 中所述，这适用于 和。

不支持 吗？

【问题讨论】：

标签： vis.js vis.js-network

【解决方案1】：

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

对于 HTML，以下是可能的：设置选项 node.font.multi：html。这允许您使用、 和<code> 用于格式化的标签文本中的标签。

在当前版本的 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，但有关于浏览器支持的警告，这会格式化节点内容，而不是节点标签。

【讨论】：