ハイチャートのツールチップの配列に配列を表示

Question

私はこのようなデータセットを持っています。

var toolTip = [ ["IN001", "IN002"], "IN003", "IN004", ["IN005", "IN006", "IN007"] ]; 

私は、これらのツールチップを使用してデータを表示する散布図を用意しています。

{ 
     type: 'scatter', 
     name: 'incidents', 
     yAxis: 1, 
     data: [ [0,100],[1,100],[2,100],[3,100] ], 
     tooltip: { 
     pointFormatter: function(){ 
      return "Incident " + toolTip[this.series.data.indexOf(this)] ; 
     } 
     } 
    }, 

これは、ツールチップの行のデータを示しています。ツールチップに複数のデータがある場合は、次の行が必要です。例えば、

IN0001 
IN0002 

IN0001, IN0002の代わりに。

どのように次の行を取得しますか。この場合、このデータを解析する方法はわかりません。

もう1つの疑問があります。それぞれの名前はハイパーリンクにする必要があります。 ツールチップの配列内のすべての単語をツールチップのリンクとして表示するにはどうすればよいですか？

何か助けていただければ幸いです。

次の作業モデルがあります。 jsFiddle

Answer 1

要件を満たすようにpointFormatter関数を変更することができます。破線を 'br'で追加し、通常のHTMLのように 'a'を使ってリンクを追加することができます。 Highcharts.each（）を使用して配列を繰り返し、文字列に次の要素を追加することができます。ここで

pointFormatter: function() { 
    var string = ''; 
    Highcharts.each(toolTip[this.series.data.indexOf(this)], function(p) { 
     string += '<a href = "">' + p + '</a><br>' 
    }) 
    return "Incident<br>" + string + "<br />"; 
} 

あなたはそれが動作する方法の例を見ることができます：http://jsfiddle.net/o2zmLngr/5/