Chartjs工具提示换行符

Question

chartjs工具提示中是否可能出现换行符？

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>"

我想用新行替换“：”。

我尝试使用
，\u000D，\n和<br />无济于事。

更新：现在，我已经更改了接受的答案，因为chart.js在版本2上。

Answer 1

如果使用的是2.0.0-beta2，则可以使用工具提示回调并在那里返回字符串数组。

chart.js

Answer 2

实际上，所有工具提示回调都支持多行文本，您可以照常使用

tooltips: {
    mode: 'single',
    callbacks: {
        afterBody: function(data) {
            var multistringText = ['first string'];
            // do some stuff
            multistringText.push('another string');

            return multistringText;
        }
    }
}

回调。默认情况下，它将数据标签显示为工具提示文本。

引自label：

所有函数必须返回一个字符串或字符串数​​组。字符串数组被视为多行文本。

示例代码：

documentation

Answer 3

目前，无法在工具提示或轴标签上添加换行符。目前，开发人员是讨论实现的选项；可以在

tooltips: {
    callbacks: {
      label: (tooltipItem, data) => {
        if (tooltipItem.index % 2)
          return ['Item 1', 'Item 2', 'Item 3'];
        else
          return 'Single line';
      }
    }
  }

中找到讨论。

Answer 4

您可以使用工具提示页脚回调，也不会为每个列表呈现彩色正方形。

Allow wrapping in axis labels (issue on github)

Answer 5

这对我有用。只需返回一个字符串数组作为工具提示回调中的标签即可：工具提示：{回调：{标签：函数（tooltipItem，数据）{让label =“第1行”；让label2 =“第2行”；返回[label，label2];}}}