gpt4 book ai didi

javascript - Highchart - 添加 "onclick event"作为总值(value) stackLabel

转载 作者:行者123 更新时间:2023-12-03 03:45:09 24 4
gpt4 key购买 nike

此问题是 In high chart how to add event for label click 的后续问题

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

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

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

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

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

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

最佳答案

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

插件引用:
https://www.highcharts.com/plugin-registry/single/15/Custom-Events

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

关于javascript - Highchart - 添加 "onclick event"作为总值(value) stackLabel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45425623/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com