與HighCharts在同一圖表中的多個餅圖

Question

我試圖用HighCharts在同一圖表中繪製多個餅圖。

JSFIDDLE DEMO

我已經啓用每個餅圖的傳奇。現在兩個圖例的顯示在底部（請注意，每個條目的2個項目在圖例中可見）。當我點擊傳說它顯示/隱藏在一個餅圖一塊的項目...

但我想實現以下兩種的，

1. 我想有一個單個圖例這兩個圖表，以便當我點擊圖例的項目時，這兩個餅圖的相關部分消失/出現。

2. 我想只顯示一個圖例並禁用它，以便點擊不會隱藏/顯示餅圖的碎片。

任何人都知道一種方法來實現嗎？

預先感謝您...

Answer 1

我已經添加了下面的代碼來檢測圖例項目點擊。

function(chart) { 
     $(chart.series[0].data).each(function(i, e) { 
      e.legendItem.on('click', function(event) { 
       var legendItem=e.name; 

       event.stopPropagation(); 

       $(chart.series).each(function(j,f){ 
         $(this.data).each(function(k,z){ 
          if(z.name==legendItem) 
          { 
           if(z.visible) 
           { 
            z.setVisible(false); 
           } 
           else 
           { 
            z.setVisible(true); 
           } 
          } 
         }); 
       }); 

      }); 
     }); 
    } 

這裏是jsfiddle