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

Multiple pie-charts in the same chart with HighCharts

本文关键字：HighCharts      更新时间：2023-09-26

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

JSFIDDLE DEMO

我已经为每个饼图启用了图例。现在，底部显示了 2 个图表的两个图例（请注意，图例中可以看到每个条目的 2 个项目）。当我单击图例中的某个项目时，它会在一个饼图中显示/隐藏一块......

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

  1. 我想为两个图表都有一个图例，以便在单击图例的项目时两个饼图的相关部分消失/显示。

  2. 我只想显示一个图例并禁用它，以便单击不会隐藏/显示饼图片段。

有人知道实现其中任何一个的方法吗？

提前谢谢你...

我添加了以下代码来检测单击的图例项。

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

相关文章：