Hyperlink chart.js-单击图表中的特定部分时链接到其他页面

所以我想点击饼图中的一个部分。这个片段应该作为我们系统中另一个页面的正常链接。这里是用于此的HTML和JS。否则，我的图表工作正常

另外：我也尝试过我在这里找到的解决方案，但没有一个奏效- 例如，onclick-in-options部分具有相应的功能（alert），但这不起作用，并且弄乱了页面的其余部分。 对不起，如果这有点模糊，我是新来的

回答选项
答复
百分比
1.
2.
12
2.
1.
23
3.
5.
56
4.
3.
14
5.
6.
89
6.
8.
56

您可以使用该方法来检测饼图的哪个部分/切片被单击，并基于此打开相应的链接/页面

下面是一个简单的例子：

var canvasP=document.getElementById（“pieChart”）； var ctxP=canvasP.getContext（'2d'）； var myPieChart=新图表（ctxP{ 键入“pie”， 数据：{ 标签：[“Värde 1”、“Värde 2”、“Värde 3”、“Värde 4”、“Värde 5”、“Värde 6”、“Värde 7”]， 数据集：[{ 数据：[1,5,10,20,50,70,50]， 背景颜色：[“64B5F6”、“FFD54F”、“2196F3”、“FFC107”、“1976D2”、“FFA000”、“0D47A1”]， hoverBackgroundColor:[“B2EBF2”、“FFCCBC”、“4DD0E1”、“FF8A65”、“00BCD4”、“FF5722”、“0097A7”] }] }, 选项：{ 图例：{ 显示：对， 位置：“右” } } }); canvasP.onclick=函数（e）{ var slice=myPieChart.getElementAtEvent（e）； if（！slice.length）return；//如果未单击切片，则返回 var标签=切片[0]。\u model.label； 开关（标签）{ //为每个标签/切片添加大小写 “Värde 5”案： 警报（“单击第5条”）； window.open（'www.example.com/foo'）； 打破 “Värde 6”案： 警报（“单击第6条”）； window.open（'www.example.com/bar'）； 打破 //添加休息。。。 } }

---

如果使用甜甜圈图表，对我有效的答案是在