Highcharts.js饼图中的链接

All*_*son 5 javascript highcharts

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

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

现在,蓝色部分应该在点击时跳到"商品".

任何帮助都将非常感激.

Poi*_*nty 8

是你的jsfiddle的更新.

我必须做的改变是:

  • "click"处理程序已将this数据点绑定为该库维护的结构.为了获取URL,您必须查看数据点的"config"属性,然后获取该数组的元素2.
  • 我不得不this在事件处理程序中存储,以便超时处理程序可以获取它.
  • 我添加了一个"preventDefault()"调用事件处理程序,但这可能没有必要.


use*_*399 5

从 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'}
    ]
}]
Run Code Online (Sandbox Code Playgroud)