我正在尝试在Chart js v2工具提示回调中添加换行符
我的代码:
var myChart = new Chart(ctx, {
type: 'line',
data: data,
options: {
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
var tooltip = "example tooltip";
var otherTooltip = "other tooltip";
return tooltip + "\n\r" + otherTooltip;
}
}
}
}
});
使用
\r
,\n
或两者都不起作用,有人知道吗?我正在使用Chart js v2.3.0。
更新
我已经解决了问题!
将工具提示文本转换为字符串数组(我将从上面的代码中跳过)
例如
...
label: function(tooltipItem, data) {
var firstTooltip = "tooltip1";
var otherTooltip = "tooltip2";
var tooltip = new Array(firstTooltip, otherTooltip);
return tooltip;
}
和瞧!
现在工具提示有换行符。
最佳答案
为此,只需为tooltip属性添加一个回调函数即可返回字符串数组,其中每个字符串都将放在新行中。
tooltips: {
callbacks: {
label: function (tooltipItem, data) {
return ['first thing', 'another thing', 'and another one'];
}
}
}
看到这个jsfiddle ...
https://jsfiddle.net/alelase/6f8wrz03/3/