Highcharts 两个馅饼,一个带有唯一项目的图例(合并图例)

Highcharts 两个馅饼,一个带有唯一项目的图例(合并图例),highcharts,Highcharts,可以在一个图形中做两个馅饼并合并图例吗 我这样做: 但是图例项目是重复的,因为它们在这两个馅饼中很常见,我如何才能使它们独一无二 如果不可能,我可以把两个图例分开吗 谢谢 请看一个例子,它使用了3个饼图,并且有共同的图例 $(chart.series[0].data).each(function(i, e) { e.legendItem.on('click', function(event) { var legendItem=e.name;

可以在一个图形中做两个馅饼并合并图例吗

我这样做:

但是图例项目是重复的,因为它们在这两个馅饼中很常见,我如何才能使它们独一无二

如果不可能,我可以把两个图例分开吗


谢谢

请看一个例子,它使用了3个饼图,并且有共同的图例

$(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);
                           }
                       }
                   });
            });

        });
    });

你好,谢谢你的回答。这真的很接近我想要的,我会使用它,但我必须确保这两个图形具有相同数量和顺序的点。你的解决方案不是真正的合并,但我想这是不可能的。谢谢上帝!唯一缺少的是悬停只对第一项有效。@sebastianbochan!问题在图例项上单击它仅隐藏/显示一个饼图切片。如何隐藏/显示两个饼图切片?哪个浏览器?因为它在两个饼图中都隐藏了相同的部分。
$(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);
                           }
                       }
                   });
            });

        });
    });