Javascript 如何使油炸圈饼图表可点击

忽略英语错误。我想让甜甜圈图表可点击。如果我点击其中一个部分，它将进入下一页（比如url（a href））。 我试过编码，但这只是为了突出显示栏

Highcharts.chart（'container'{
图表：{
类型：“列”
},
标题：{
文本：“单击点转到URL”
},
xAxis：{
类型：“类别”
},
打印选项：{
系列：{
光标：“指针”，
要点：{
活动：{
单击：函数（）{
location.href=https://en.wikipedia.org/wiki/' +
这个.options.key；
}
}
}
}
},
系列：[{
数据：[{
y:29.9，
名称：'美国'，
关键词：“美国”
}, {
y:71.5，
名称：‘加拿大’，
关键词：加拿大
}, {
y:106.4，
名称：“墨西哥”，
关键：“墨西哥”
}]
}]
})；

---

为油炸圈饼图表的属性指定一个id，然后对klick事件使用jquery或javascript函数

像这样：

<div id="clickme" style="width:100px;height:100px;background-color:black;">

</div>

$( "#clickme" ).click(function() {
  location.href = 'https://en.wikipedia.org/wiki/';
});

$（“#单击我”）。单击（函数（）{
location.href=https://en.wikipedia.org/wiki/';
});

与

innerSize:“50%”一起使用创建甜甜圈

以下是一个例子：


Highcharts.chart（'container'{
图表：{
键入：“馅饼”
},
标题：{
文本：“单击点转到URL”
},
xAxis：{
类型：“类别”
},
打印选项：{
系列：{
内部尺寸：“50%”，
光标：“指针”，
要点：{
活动：{
单击：函数（）{
location.href=https://en.wikipedia.org/wiki/' +
这个.options.key；
}
}
}
}
},
系列：[{
数据：[{
y:29.9，
名称：'美国'，
关键词：“美国”
}, {
y:71.5，
名称：‘加拿大’，
关键词：加拿大
}, {
y:106.4，
名称：“墨西哥”，
关键：“墨西哥”
}]
}]
})；

不确定你的英语有多好，但说“请提供代码，它很紧急”听起来不太礼貌。你的代码片段不起作用。请提供一个可用的问题示例。首先，你需要包括CDN中的HighCharts。以及“请提供代码，它很紧急”听起来好像你认为你的时间比我们的时间更重要。我们是志愿者，请尊重这一点。欢迎来到SO，请阅读关于如何提问的帮助部分，你至少需要自己尝试一下，然后在需要时寻求帮助-这表明你没有努力whatsoever@Kitty你想要一个油炸圈饼图，但为什么要使用
type:'column'
然后呢？对不起，大家好。我尊重你们的时间。我是图表新手。上面的代码我用于突出显示图表，就像我需要制作甜甜圈图表一样。我不知道怎么做，所以在这里被问到