如何在Highcharts中获取Visible / In-Visible图例元素

Question

当我们点击任何图例元素时，如何获得系列中可见的所有图例元素。

plotOptions: {
    series: {
        events: {
         legendItemClick: function(event) {
                var visibility = this.visible ? 'visible' : 'hidden';
                        }
            }
        }
    }

上面的代码为我们提供了当前点击的元素，但是我需要所有具有当前元素的元素是可见的还是不可见的

Answer 1

请查看示例：http://jsfiddle.net/5H2MZ/

legendItemClick: function (event) {

                    var chart = this.chart,
                        index = this.index;

                    $.each(chart.series,function(i,serie){


                        if((serie.visible) && (serie.index != index))
                        {
                            alert('Serie: ' + serie.name + ' status visible');
                        }
                        else
                        {
                            alert('Serie: ' + serie.name + ' status hidden');
                        }    


                    });
                }

Answer 2

legendItemClick: function(event) {
                            var series = this.chart.series;
                            var seriesIndex = this.index;
                            var thisSeries=this.name;
                            var invisib=[];
                            invisib.push(thisSeries);

                            var visibility = this.visible ? 'visible' : 'hidden';

                            for (var i = 0; i < series.length; i++){
                                    if(series[i].visible==false){
                                        invisib.push(series[i].name);
                                    }
                            }

                        }

Answer 3

迭代所有系列，并检查每个系列的visible属性。