2017-08-04 64 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示例的代碼。如果您遇到問題,那麼總是會出現這種情況,但仍然會嘗試使用麥克風條件進行發佈。 –

相關問題