Highchart - 为总值stackLabel添加“onclick事件”

时间:2017-07-31 21:32:07

标签: javascript reactjs highcharts react-highcharts

这个问题是对In high chart how to add event for label click

的跟进

有没有办法确定总和数(即10,9,11,11,8) 如http://jsfiddle.net/t07ok5v3/5/可点击显示的那样? (即向“橘子”标签添加与“9”相同的功能)。如果顶部每列只有一个代表总和,该怎么办? Column chart with some drawing 以下代码是添加标签click的答案中给出的代码。

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

更新:我已经使stackLabels看起来都是可点击的(它们现在有光标“指针”,请参阅下面的jsfiddle链接。)现在我只需要将click事件的实际功能添加到stackLabel。有人可以帮我这个吗?

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

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

更新2:这个问题的答案似乎解决了我的问题[到目前为止](如果有效,我会用我的解决方案更新帖子):Click event on clicking on the graph

1 个答案:

答案 0 :(得分:1)

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

插件参考:
Tony’s Tirade against TIMESTAMP WITH TIME ZONE

例:
https://www.highcharts.com/plugin-registry/single/15/Custom-Events