javascript - 多个图表上的独特图例

Question

我正在使用 highcharts 生成 8 个 #containers 或图表。现在我想将一个图例链接到所有容器，这有点棘手。

plotOptions: {
            series: {
                events: {
                    legendItemClick: function (event) {        
                            var XYZ = $('#container2').highcharts(),
                            series = XYZ.get(this.options.id); //get corresponding series

                        if (series) {
                            if (this.visible) {
                                series.hide();
                            } else {
                                series.show();

                                }

                        }
                    }
                }
            }
        },

给我两个容器之间的链接。

尝试添加

for(var num=0; num<containerNums; num++)
                        {
                            if(num != exclude)
                            {
                              var XYZ = $('#container'+num).highcharts(),

让它遍历所有可能的容器(container#1-#8)，但没有结果。

关于我做错了什么有什么想法吗？

Answer 1

参见相关示例:http://jsfiddle.net/u7FQS/15/这是基于饼图的，但机制是类似的。

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

        });
    });