一個超鏈接

Question

legend: { 
       enabled: true, 
       layout: 'vertical', 
       align: 'right', 
       verticalAlign: 'middle', 
       labelFormatter: function() { 
        return this.y + ' ' + this.name; 
       } 

嗨

我有特殊的要求。 我需要在每個pi圖表的圖例下面有一個超鏈接。

在每個圖例下應該出現一個超鏈接。

目前我通過更新labelFormatter來管理它，如下所示。

return this.y + ' ' + this.name+ '<br /> <a href="google.com/">' + this.x + '…. </a>' 

有沒有更好的方法來做到這一點？

http://www.highcharts.com/ http://www.highcharts.com/demo/pie-basic

Answer 1

這是最好的方式@Sebastian Bochan說。 但是，如果你願意，你可以做這樣的事情：

var urlData = ['Google','Bing','Yahoo','Other']; 

然後（同爲HREF）：

return this.y + ' ' + this.name+ '<br /> <a href="google.com/">' + urlData[this.x] + '</a>' 

http://jsfiddle.net/uWAvP/3745/