Diagramm js v2 Tooltip Rückruf Zeilenumbrüche

Question

Ich versuche, einen Zeilenumbruch innerhalb Diagramm js v2 Tooltip Rückruf

meinen Code hinzuzufügen:

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

Mit \r, \n oder eine Kombination aus beidem ist nicht Arbeiten, hat jemand eine Idee?

Ich verwende übrigens Diagramm js v2.3.0.

UPDATE

Ich habe das Problem behoben haben!

Konvertieren den Tooltip Text Array von String (Ich werde von meinem Code springen Sie weiter oben) beispiels

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

und voila!

jetzt hat der Tooltip Zeilenumbruch.

Answer 1

try:

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

Answer 2

Die Art und Weise, es zu tun, ist nur eine Callback-Funktion für die Tooltip-Eigenschaft hinzufügen, die ein Array von Strings zurück, das jeweils eine der Saiten wird in einer neuen Zeile platziert werden.

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

       } 
      } 
      } 

Sehen Sie diese jsfiddle ...

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