score:1

Accepted answer

what you need to do is hide all the series in click and show show the one that is clicked on. i have included the code you need below and here is the fiddle . this way you show the graph the user clicks on. in addition you could have a 'show all' button, which redraws the whole chart. hope this helps.

plotoptions: {
            spline: {
                marker: {
                    enabled: true
                }
            },
             series: {
                cursor: 'pointer',
                events: {
                    click: function (event) {
                      var chart = $('#container').highcharts();

                      $(chart.series).each(function(){
                          this.setvisible(false, false);
                      });
                      this.show();
                    }
                }
            }
        },

score:2

you can try implement something like this

         series:{
                events: {
                        legenditemclick: function (e) {


                            var seriesarr=$('#container').highcharts().series;
                            var visible = this.visible;
                            var index = this.index;
                            for(var i=0; i<seriesarr.length;i++)
                            {
                                if(i!=index)
                                {
                                    seriesarr[i].setvisible(false, false);
                                }
                            }

                            this.visible=false;  


                        }
                    }
        }

here the fiddle http://jsfiddle.net/jgonzalez315/4jsgo8c9/5/

i hope this help!


Related Query

More Query from same tag