Форматировщик всплывающих подсказок Highcharts с использованием jquery replace

Question

Я не нашел способ заменить запятые на разрывы строк <br> из форматирования всплывающей подсказки.

Я хочу, чтобы иметь возможность передавать эти данные в:

var data = [  
    { "hc-key": "ad", "code": ['dogs','cats','horses','birds','snakes','boar'] } 
    ]; 

И использовать раскол/присоединиться или заменить в форматере следующим образом:

 tooltip: { 
      backgroundColor: 'none', 
      borderWidth: 0, 
      shadow: false, 
      useHTML: true, 
      padding: 0, 
     formatter:function(){ 
      $('#tooltip').html(this.point.code).replace(/,/g,'<br>'); 
     } 
     }, 

Любые идеи, как я могу это сделать?

Answer 1

Вы должны вернуть строку, которую вы хотите в качестве всплывающей подсказки и использовать присоединиться:

http://jsfiddle.net/rL5ju28j/

tooltip: { 
    formatter: function() { 
     return this.point.code.join(',').replace(/,/g,'<br>'); 
    } 
} 

http://www.highcharts.com/docs/chart-concepts/tooltip#formatter