Chart js dòng v2 tooltip callback phá vỡ

Question

Tôi đang cố gắng để thêm một ngắt dòng trong biểu đồ js callback v2 tooltip

mã của tôi:

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; 
     } 
     } 
    } 
    } 
}); 

Sử dụng \r, \n hoặc kết hợp cả hai không phải là làm việc, bất cứ ai có bất kỳ ý tưởng?

Tôi đang sử dụng biểu đồ js v2.3.0 bằng cách này.

CẬP NHẬT

Tôi đã khắc phục được vấn đề!

Chuyển đổi văn bản tooltip để mảng của chuỗi (Tôi sẽ bỏ qua phần đầu từ mã của tôi ở trên) ví dụ

... 
label: function(tooltipItem, data) { 
    var firstTooltip = "tooltip1"; 
    var otherTooltip = "tooltip2"; 
    var tooltip = new Array(firstTooltip, otherTooltip); 
    return tooltip; 
} 

và thì đấy!

bây giờ chú giải công cụ có ngắt dòng.

Answer 1

Hãy thử sử dụng:

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

Answer 2

Cách để làm điều đó, chỉ là thêm một chức năng gọi lại cho các tài sản tooltip trả về một mảng các chuỗi, mỗi một trong những chuỗi sẽ được đặt trong một dòng mới.

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

       } 
      } 
      } 

Xem jsfiddle này ...

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