Javascript Highchart-添加“高阶图表”；onclick事件“；对于总价值stackLabel

这是一个后续问题

有没有办法算出总数（即10,9,11,11,8） 如可点击页面所示？（即，在“9”中添加与“橙子”标签相同的功能）。如果顶部每列只有一个数字表示总和，该怎么办？ 下面的代码是答案中给出的添加标签的代码

chart.xAxis[0].labelGroup.element.childNodes.forEach(function(label)
{
    label.style.cursor = "pointer";
    label.onclick = function(){
    alert('You clicked on '+this.textContent);
    }
}

更新：我已经使stackLabel看起来都是可点击的（它们现在有光标“指针”，请参阅下面的JSFIDLE链接）。现在我只需要将点击事件的实际功能添加到stackLabel。有人能帮我吗？

注意：在我使用的开发环境中，我没有访问jquery的权限

---

更新2：另一个问题的答案似乎解决了我的问题（到目前为止）（如果可行，我会用我的解决方案更新帖子）：

为此，你可以使用

自定义事件
插件。它允许你在各种元素上添加自定义事件，如轴标签、图例等

插件参考：


示例：

您知道
自定义事件
插件当前是否可以与
React Highcharts
一起使用吗？我没有测试它，但我不知道为什么不能。您可以自己尝试测试它。