Javascript 如何使用jquery选择drillup按钮,以便执行单击事件?
我用的是高图,饼图是向下展开的。我在我的highchart所在的div之外创建了三个按钮,当单击饼图切片时,它会隐藏这三个按钮,但我希望在使用jquery单击“向上钻取”按钮时,这三个按钮会重新出现。如果有一种不用jquery的方法,我也愿意接受这个想法Javascript 如何使用jquery选择drillup按钮,以便执行单击事件?,javascript,jquery,html,highcharts,Javascript,Jquery,Html,Highcharts,我用的是高图,饼图是向下展开的。我在我的highchart所在的div之外创建了三个按钮,当单击饼图切片时,它会隐藏这三个按钮,但我希望在使用jquery单击“向上钻取”按钮时,这三个按钮会重新出现。如果有一种不用jquery的方法,我也愿意接受这个想法 var $button0 = $('#button0'); var $button1 = $('#button1'); var $button2 = $('#button2'); $('tspan[class=highcharts-text-o
var $button0 = $('#button0');
var $button1 = $('#button1');
var $button2 = $('#button2');
$('tspan[class=highcharts-text-outline]').click(function () { // WORKS
$button0.hide(); $button1.hide(); $button2.hide();
.
. Other code that doesn't matter
.
});
$('#highcharts-lb5nb7e-2 > svg > g.highcharts-button.highcharts-drillup-button.highcharts-button-normal').click(function (){ // DOESN'T WORK
$button0.show(); $button1.show(); $button2.show();
alert("AM I BEING CALLED?!");
});
谢谢您可以使用highcharts显示和隐藏按钮
chart: {
type: 'pie',
events:{
drilldown:function(){
var butonsElems=document.getElementsByTagName('button')
for(var i=0;i<butonsElems.length;i++){
butonsElems[i].style.display='none'
}
},
drillup:function(){
var butonsElems=document.getElementsByTagName('button')
for(var i=0;i<butonsElems.length;i++){
butonsElems[i].style.display=''
}
}
}
},
图表:{
键入“pie”,
活动:{
向下展开:函数(){
var butonsElems=document.getElementsByTagName('按钮')
对于(var i=0;i:D)它起作用了!!!谢谢!!!我看了highcharts文档,但我发现很难理解,你有学习highcharts的技巧吗?尝试新的东西,打破官方文档示例(即JSFIDLE示例)中存在的代码。如果你遇到问题,那么总是存在,但仍然尝试使用mcve条件发布。