Highcharts.js 餅圖中的鏈接

Question

我希望用戶在單擊餅圖的一部分時被引導到頁面的特定部分。 我收到一個錯誤，點擊時顯示為{"error": "Please use POST request"} 。

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

現在藍色部分應該在點擊時跳到“商品”。

任何幫助都將不勝感激。

Answer 1

這是您的 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'}
    ]
}]