2017-08-04 28 views
0

我正在使用highcharts,馅饼向下钻取。我创建了三个按钮,位于div的外部,当我点击一个饼图片时,它隐藏了三个按钮,但我希​​望三个按钮在使用jquery点击向上钻取按钮时重新出现。如果有一种方法可以在没有jQuery的情况下做到,我也会接受这个想法。如何使用jquery选择drillup按钮,所以我可以做点击事件?

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?!"); 
}); 

谢谢

回答

1

可以使用highcharts的events作秀和按钮

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='' 
     } 
     } 
    } 
}, 

Fiddle示范

+0

的隐藏:d IT工作! 谢谢!!! 我看了一下highcharts的文档,但我觉得很难理解,你有没有学习highchart的技巧? – Jonathan

+0

尝试新的东西,并打破存在官方文档示例即jsfiddle示例的代码。如果您遇到问题,那么总是会出现这种情况,但仍然会尝试使用麦克风条件进行发布。 –

相关问题