同一个图表中的多个饼图与 HighCharts

Question

我正在尝试使用 HighCharts 在同一图表中绘制多个饼图。

JSFIDDLE DEMO

我为每个饼图启用了图例。现在 2 个图表的两个图例 显示在底部（请注意图例中每个条目的 2 个项目可见 ）。当我单击图例的项目时，它 shows/hides 一个饼图中的一块...

但我想实现以下任一目标，

我希望两个图表都有一个 单个图例 ，这样当我单击一个项目时，两个饼图的相关部分 disappears/appears 传奇.
我想只显示一个图例并禁用它，这样点击就不会hide/show个饼图。

有人知道实现其中之一的方法吗？

提前谢谢你...

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

同一个图表中的多个饼图与 HighCharts

Multiple pie-charts in the same chart with HighCharts

javascript

highcharts

pie-chart