[英]Chart js v2 tooltip callback line breaks
我正在尝试在图表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
或两者的组合不起作用,任何人都有任何想法?
我顺便使用图表js v2.3.0。
UPDATE
我已经解决了这个问题!
将工具提示文本转换为字符串数组(我将从上面的代码中跳过),例如
...
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 ......
尝试使用:
return tooltip + "<br />" + otherTooltip;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.