圖JS V2提示回調換行符

我想添加圖表JS V2提示回調內部換行符圖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

我已經解決了這個問題！

轉換的工具提示文本字符串數組（我會從我的代碼可以直接跳到上面） e.g

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

，瞧！

現在工具提示有換行符。

來源

2016-11-16 Sam Ch

-2

嘗試使用：

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

來源

2016-11-16 07:12:12

回調不能處理HTML標籤（見我的答案更新，我已經固定它自己） –

的方式做到這一點，只是增加了對返回一個字符串數組tooltip屬性的回調函數，該串的每一個將被放置在一個新的生產線。

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

       } 
      } 
      }

看到這個的jsfiddle ...

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

來源

2017-05-02 04:42:59

它的工作原理，但它可能不會想每次都有圖例符號 – John

@John 如果您不希望每行中的圖例符號只使用標題回調代替標籤。在上面的代碼中，您可以通過「標題」更改「標籤」以查看結果。 –

圖JS V2提示回調換行符

回答

相關問題