与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