Question

我希望用户在点击饼图的某个部分时被定向到页面的特定部分。我在点击时收到{"error": "Please use POST request"}的错误。

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

现在，蓝色部分应该在点击时跳转到“商品”。

非常感谢任何帮助。

Answer 1

Here是对您的jsfiddle的更新。

我必须做出的改变是：

“click”处理程序将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'}
    ]
}]

Highcharts.js饼图中的链接

2 个答案: