图表js v2工具提示回调换行符

Question

我试图在图表js v2工具提示回调中添加换行符

我的代码：

var pets = [
        [
            ['dog', 'Harry'], ['age', 2]
        ],
        [
            ['dog', 'Roger'], ['age', 5]
        ]
    ];
var a=function arrayToObj(arr) {
  var newArray = [];
  for (var i = 0; i < arr.length; i++) {
    var obj = {};
    for (var j = 0; j < arr[i].length; j++) {
      var key = arr[i][j][0];
      obj[key] = arr[i][j][1]; // change here instead of key 
    }
    newArray[i] = obj;
  }
  return newArray; 
}
console.log(a(pets));

使用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或两者兼而有之，是不是有人知道？

我顺便使用图表js v2.3.0。

更新

我已经解决了这个问题！

将工具提示文本转换为字符串数组（我将从上面的代码中跳过） e.g

\n

瞧！

现在工具提示有换行符。

Answer 1

这样做的方法就是为tooltip属性添加一个回调函数，该函数返回一个字符串数组，每个字符串都将放在一个新行中。

tooltips: {
            callbacks: {
                label: function (tooltipItem, data) {
                    return ['first thing', 'another thing', 'and another one'];

                }
            }
            }

看到这个jsfiddle ......

https://jsfiddle.net/alelase/6f8wrz03/3/

Answer 2

尝试使用：

return tooltip + "<br />" + otherTooltip;