javascript - 如何在使用jquery的highcharts创建的饼图的每个饼上添加不同的点击事件

Question

单击饼图的每个切片时，我需要将其链接到另一个 html 页面，该页面将提供有关该特定切片的更多信息。

Answer 1

你可以这样做：

plotOptions: { pie: { point: { events: { click: PieClick } } } }

...

function PieClick() {
    var sliceClicked = this.name;

    // do something
}

Answer 2

我刚刚尝试了以下简单的方法，帮助我找到了解决方案。

plotOption 可以如下所示，

plotOptions: {
    pie: {
        point: {
                            events: {
                                    click: function() {
                                            location.href = this.options.url;
                                        }
                                }

            }
    }
}

在这个系列中你可以使用这样的东西，

series: [{
            data: [{
               name: sample 1,
               y: 29.9,
               url: 'http://bing.com/search?q=foo'
            }, {
                name: sample 2,
                y: 71.5,
                url: 'http://bing.com/search?q=bar'
            }, {
                name: sample 2,
                y: 106.4,
                url: 'http://bing.com/search?q=foo+bar'
            }]        
        }]

查看以下链接中的示例，

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click-url/