Highcharts 捕获右键单击列/栏
Highcharts将其库升级到版本3。但在这个版本中,我无法像以前那样捕获鼠标的右键单击:Highcharts 捕获右键单击列/栏,highcharts,Highcharts,Highcharts将其库升级到版本3。但在这个版本中,我无法像以前那样捕获鼠标的右键单击: chart1 = new Highcharts.Chart({ chart: { renderTo: 'container-chart-1', zoomType: 'xy' }, (...), plotOptions: { series: { cursor: 'pointer',
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'container-chart-1',
zoomType: 'xy'
},
(...),
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function(e) {
alert('LEFT CLICK YEAH!');
},
contextmenu: function (e) {
alert('RIGHT CLICK NOT SO YEAH!');
}
}
}
}
}, (...)
我仍然使用版本2,因为我无法使它工作
非常感谢您的想法和想法。这很有趣,我确信以这种方式设置上下文菜单在1-2年后就不起作用了。现在,可能的方法是使用
Element.on()
添加自定义事件,例如:
for(var j in chart.series){
var series = chart.series[j];
for(var i in series.data){
(function(i){
var point = series.data[i];
if(point.graphic){
point.graphic.on('contextmenu', function(e){
// show your context menu
});
}
})(i)
}
}
太好了,它打开了我的上下文菜单!:)但现在我正努力了解我点击的是哪个条(索引)和哪个系列……你能显示一个工作的JSFIDLE吗?请解释一下我们应该在哪里写上面的代码?在
load
callback中应该添加它。亲爱的Pawel,我非常抱歉。你能展示一个JSFIDLE演示吗?还是样品?我对右键点击高位图表感到困惑。谢谢