2016-09-27 97 views
1

陣列顯示陣列我有一個數據組,其看起來像這樣。在工具提示中Highcharts

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

我如何獲得下一行。在這種情況下,我不知道如何解析這些數據。

還有一個疑問,我已經是,每個名字應該是一個超鏈接。 如何讓toolTip數組中的每個單詞都顯示爲工具提示中的鏈接?

任何幫助表示讚賞。

這裏是下面的工作模式。 jsFiddle

+0

你有你的圖表的一個活生生的例子? –

+0

@GrzegorzBlachlińskihttp://jsfiddle.net/o2zmLngr/3/ –

+1

所以你想實現類似於這個圖表的東西? http://jsfiddle.net/o2zmLngr/5/如果我的例子將滿足您的要求,我會發布它作爲ananswer –

回答

1

你可以改變你pointFormatter功能,所以你會滿足您的要求。您可以使用'br'添加分隔線,並且您可以使用'a'添加鏈接,就像使用普通HTML一樣。您可以使用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/

+0

鏈接似乎不活躍。我試着給出一個href並點擊,但它沒有采取提到的URL。 –

+0

你應該在你的css中將指針事件設置爲auto:http://jsfiddle.net/o2zmLngr/9/ –

相關問題