Javascript Highcharts html图例,单击了哪个列
当我创建一个html图例时,我想知道单击的元素。Hichgharts似乎没有把它藏在任何地方 以下是一些示例代码:Javascript Highcharts html图例,单击了哪个列,javascript,highcharts,Javascript,Highcharts,当我创建一个html图例时,我想知道单击的元素。Hichgharts似乎没有把它藏在任何地方 以下是一些示例代码: point:{ events:{ legendItemClick:function(event){ //how to get the element clicked here? //want something to happen
point:{
events:{
legendItemClick:function(event){
//how to get the element clicked here?
//want something to happen if it has a class of pieLegendNumber
以及创建图例的代码:
legend : {
enabled: true,
layout: 'vertical',
align: 'left',
useHTML: true,
verticalAlign: 'top',
labelFormatter: function() {
return '<div style="width:150px;"><span style="float:left;width: 230px;min-width: 230px;">'
+ this.name
+ '<span style="float:right;color:red" class="pieLegendNumber">'
+ this.y
+ '</span></div>';
}
},
title:{
text:"legend"
},
图例:{
启用:对,
布局:“垂直”,
对齐:“左”,
是的,
垂直排列:“顶部”,
labelFormatter:function(){
返回“”
+这个名字
+ ''
+这个
+ '';
}
},
标题:{
文字:“图例”
},
整个代码都可以找到
感谢您抽出时间阅读我的问题。如中所述,legendItemClick
不适用于饼图
所以,我在您的JSFIDLE演示上做了同样的小改动,现在它可以工作了
以下是解决方案:如中所述,legendItemClick
不适用于饼图
所以,我在您的JSFIDLE演示上做了同样的小改动,现在它可以工作了
下面是解决方案:我已经使用了数据点的
索引属性来获取已单击的图例元素
希望这有帮助
[更新]
您可以使用event.browserEvent.target
或者有时如果将处理程序添加到series.event.click,则可以使用event.originalEvent.target
获取已单击的元素
解决方案我使用了数据点的索引
属性来获取已单击的图例元素
希望这有帮助
[更新]
您可以使用event.browserEvent.target
或者有时如果将处理程序添加到series.event.click,则可以使用event.originalEvent.target
获取已单击的元素
解决方案谢谢您的回答。我需要知道点击了哪个栏。所以,在点击浏览器名称时做些什么,但在点击数字时做些其他事情。是的,正如我在给Emre的评论中所建议的,我将研究这样的解决方案。这方面的问题有:1。向下钻取时,处理程序不再工作。您可以通过执行$(“#容器”)来解决此问题。单击(“.pieLegendNumber”,函数(事件){
(如对Emre的注释中所示)但当点击一个数字时,这仍然会向下钻取。请参阅修改后的fiddle:谢谢你的回答。我需要知道点击的是哪列。所以,在点击浏览器名称时做些什么,但在点击数字时做些其他事情。是的,正如我在给Emre的评论中所建议的,我将研究这样的解决方案。问题是:1.当向下滚动处理程序不再有效。您可以通过执行$(“#container”)来解决此问题。单击(“.pieLegendNumber”,函数(事件){
(如对Emre的注释中所示)但当单击数字时,这仍然会向下钻取。请参阅修改的fiddle:谢谢您的回答,但这与问题有什么关系?当我单击图例中的项目时,我需要知道单击的列。已传递事件和调用对象(此)似乎没有任何关于单击了什么元素的信息。小提琴显示了绘图选项.point.events.click的工作示例。也许我只使用$(hichartContainer)。单击(“.pieLegendNumber”,函数…
哦,对不起,我误解了你的问题。是的,对象没有关于单击元素的信息。谢谢你的回答,但这与问题有什么关系?当我单击图例中的项目时,我需要知道单击的列。传递的事件和调用对象(此)似乎没有任何关于单击了什么元素的信息。小提琴显示了绘图选项.point.events.click
的工作示例。也许我将只使用$(hichartContainer)。单击(“.pieLegendNumber”,function…
哦,对不起,我误解了你的问题。是的,对象没有关于单击元素的信息。