帶有HighCharts的同一圖表中的多個餅圖

Question

我正在嘗試使用HighCharts在同一張圖表中繪制多個餅圖。

JSFIDDLE DEMO

我已為每個餅圖啟用了圖例 。 現在，底部顯示了2個圖表的兩個圖例 （ 注意，每個條目都有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