How to make donut chart clickable

Question

I want to make donut chart clickable. If i click on one slice it should take towards next page(like url(a href).

 

I have tried this code but it doesnt work for donuts chart.

I have tried to code. but this is only for highlight bar.

Highcharts.chart('container', {

chart: {
type: 'column'
},

title: {
text: 'Click points to go to URL'
},

xAxis: {
type: 'category'
},

plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
location.href = 'https://en.wikipedia.org/wiki/' +
this.options.key;
}
}
}
}
},

series: [{
data: [{
y: 29.9,
name: 'USA',
key: 'United_States'
}, {
y: 71.5,
name: 'Canada',
key: 'Canada'
}, {
y: 106.4,
name: 'Mexico',
key: 'Mexico'
}]
}]
});