Highchart - 为总值 stackLabel 添加 "onclick event"

Question

此问题是

的后续问题

有没有办法使总和数（即10,9,11,11,8）如 http://jsfiddle.net/t07ok5v3/5/ clickable? (ie. add the same functionality to the "9" as the "Oranges" label). What if there is only one number per column at the top representing the sum? 所示以下代码是答案中给出的添加标签click的代码。

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

更新：我已经使 stackLabel 看起来都可以点击（它们现在有光标“指针”，请参阅下面的 jsfiddle link）。现在我只需要添加实际功能单击事件到 stackLabel。有人可以帮我解决这个问题吗？

http://jsfiddle.net/w291/gc1fdd1v/

注意：我在使用的开发环境中无法访问jquery。

更新 2：[到目前为止] 这个问题的答案似乎解决了我的问题（如果可行，我将用我的解决方案更新 post）：Click event on clicking on the graph

Answer 1

为此，您可以使用 Custom Events 插件。它将允许您在轴标签、图例等各种元素上添加自定义事件。

插件参考：
https://www.highcharts.com/plugin-registry/single/15/Custom-Events

示例：
http://jsfiddle.net/trmks8p2/

Highchart - 为总值 stackLabel 添加 "onclick event"

Highchart - add "onclick event" for total value stackLabel

javascript

highcharts

reactjs

react-highcharts