Highcharts.js餅圖中的鏈接

Question

我希望用戶在點擊餅圖的某個部分時將其定向到頁面的特定部分。點擊時，我收到的錯誤是{"error": "Please use POST request"}。

http://jsfiddle.net/alliwagner/Saa4E/10/

眼下藍色部分應跳下，以「品」上點擊。

任何幫助都將不勝感激。

Answer 1

Here是您的jsfiddle的更新。

我不得不做出的改變是：

• 「點擊」處理程序已this綁定到數據點通過該庫維護的結構。爲了獲得URL，你必須查看數據點的「config」屬性，然後獲取該數組的元素2。
• 我必須在事件處理程序中隱藏this，以便超時處理程序可以獲取它。
• 我向事件處理程序添加了一個「preventDefault（）」調用，但這可能不是必需的。

Answer 2

這裏發佈的解決方案不再有效作爲Highcharts

第3版這工作得更好

series: [{ 
    type: 'pie', 
    name: 'overall', 
    point: { 
     events: { 
      click: function(e) { 
       location.href = e.point.url; 
       e.preventDefault(); 
      } 
     } 
    }, 
    data: [ 
     {name: 'Not Tested', color: '#FFA850', y: 87, url: 'http://my_site1.com'}, 
     {name: 'Fail', color: '#FF2929', y: 2, url: 'http://my_site2.com'}, 
     {name: 'Pass', color: '#31FF4F', y: 32, url: 'http://my_site3.com'} 
    ] 
}]