图表js v2工具提示回调换行符
Chart js v2 tooltip callback line breaks
我正在尝试在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'];
}
}
}
https://jsfiddle.net/alelase/6f8wrz03/3/尝试使用:
return tooltip + "<br />" + otherTooltip;
相关文章:
- 如何在映射数组中添加换行符
- JQuery:向多个匹配结果添加换行符的最简单方法
- 在文本区域中使用jQuery.text()保持换行符
- javascript替换换行符和特殊字符
- 换行符拆分返回“”;未定义”;
- 如何使用web浏览器在NoSQL数据中呈现换行符
- 换行符插入jquery选择器
- jquery使用val()复制值似乎可以删除换行符
- 文本区域-获取每一行,找到换行符
- 处理字段中带有换行符的csv文件-node.js
- 使用jquery将单个换行符替换为span元素
- javascript/jQuery:在title中添加换行符——在IE9中有效,但在IE8中无效
- 咖啡脚本意外换行符
- 在文本区域中保留换行符.value
- 捕捉文本中的换行符
- JavaScript字符串中的换行符也保存为.txt
- 尊重“; 〃;从HTML显示中的API响应返回的换行符(和特殊字符)
- 将换行符写入<span>元素
- 根据换行符选择文本
- 使用PHP输出JavaScript时会出现神秘的换行符